溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了vue直接引入和npm的區別有哪些，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
vue直接引入和npm的區別：1、使用npm安裝Vue可以方便包管理，可以直接使用Vue命令，會使用webpack工具，創建項目，前端構建工具會讓前端開發更加高效；2、直接引入方式，在應用需要越來越多的前端庫和前端框架的時候，一個一個在HTML文件中引入會很不方便。
本教程操作環境：windows7系統、vue2.9.6版，DELL G3電腦。
使用vue有兩種方法：直接在HTML中引vue.js和npm安裝。
1、直接在HTML中引vue.js
直接使用script引入vue.js文件即可，vue.js文件可以在官網上直接下載，也可以利用CDN
官網下載地址：https://vuejs.org/js/vue.min.js
CDN地址：
https://cdn.staticfile.org/vue/2.2.2/vue.min.js https://unpkg.com/vue/dist/vue.js, 會保持和 npm 發布的最新的版本一致。 https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js
2、利用npm安裝
推薦閱讀《如何用npm安裝vue.js？》
那么直接在HTML中引vue.js和npm安裝這兩種方式有什么區別？下面給大家介紹一下
單純的從script引用和npm下載來說并沒有什么區別，npm下載之后你也能script引入。
重點在于npm是做包依賴管理的工具，你也看到了，是配合其他的包使用開發的推薦下載方式。開發時可使用諸如require('vue')，import('vue') 模塊化方案開發，你可以使用vue-cli起一個項目體驗下。
使用npm安裝Vue可以方便包管理。等到應用需要越來越多的前端庫和前端框架的時候，一個一個在HTML文件中引入會很不方便。
而npm方式可以直接使用Vue命令，會使用webpack工具，創建項目，前端構建工具會讓前端開發更加高效。
感謝你能夠認真閱讀完這篇文章，希望小編分享的“vue直接引入和npm的區別有哪些”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
