1、vue.min.js文件獲取:
直接下載后將其放入工程中,引用該文件:
或者棒口,使用CDN,以下推薦國外比較穩(wěn)定的兩個 CDN辜膝,國內(nèi)還沒發(fā)現(xiàn)哪一家比較好陌凳,目前還是建議下載到本地:
BootCDN(國內(nèi)) : https://cdn.bootcss.com/vue/2.2.2/vue.min.js
unpkg:https://unpkg.com/vue/dist/vue.js, 會保持和 npm 發(fā)布的最新的版本一致。
cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js
之后就和正常的js一樣引用内舟,如:
<script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>
2合敦、下載安裝node
官網(wǎng):https://nodejs.org/en/download/
下載安裝node
3、cnpm代替npm
國內(nèi)直接使用 npm 的官方鏡像是非常慢的验游,推薦使用淘寶 NPM 鏡像:
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
之后就可以使用淘寶定制的 cnpm 命令行工具充岛,來安裝模塊了:
cnpm install [name]
4保檐、安裝Vue.js 的官方命令行工具:
# 全局安裝 vue-cli
sudo cnpm install --global vue-cli
# 或
cnpm install -g vue-cli
5、創(chuàng)建一個新的項目:
# 創(chuàng)建一個基于 webpack 模板的新項目
vue init webpack my-project
# 這里需要進(jìn)行一些配置崔梗,默認(rèn)回車即可
報錯夜只,這個錯誤是node_modules帶來的,先忽略:
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! chromedriver@2.40.0 install:node install.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the chromedriver@2.40.0 install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above
6蒜魄、運(yùn)行項目:
cd my-project
cnpm install # 安裝依賴扔亥,安裝在node_modules文件夾
cnpm run dev #運(yùn)行項目
參考資料:https://blog.csdn.net/m0_37479246/article/details/78836686
http://www.runoob.com/vue2/vue-install.html
https://blog.csdn.net/gh254172840/article/details/78871573
https://blog.csdn.net/qq_34233232/article/details/78178362