<---
前言:因為用npm很慢瞬痘,所以用淘寶鏡像===>詳細信息可以參考此鏈接(https://npm.taobao.org/),因為服務器架在國內所以下載模塊很快,如果直接用npm命令會很慢
任意路徑執(zhí)行命令:“npm install -g cnpm --registry=https://registry.npm.taobao.org”
執(zhí)行完后即可全局用cnpm來代替npm了,這樣在其它項目安裝上非沉獾樱快速!
--->
1洛勉、安裝vue-cli和angular一樣粘秆,安裝vue的客戶端管理工具,全局安裝
代碼:
cnpm install -g vue-cli? 或者 cnpm install --global vue-cli收毫。
【顯而易見前者代碼更少方便攻走,以上是全局安裝,即哪個路徑都可以用此再;但如果是開發(fā)環(huán)境(即某個路徑下才能用)用的模塊則:cnpm install 模塊名 --save-dev昔搂,此時就會出現package.json文件然后就會在“devDependencies:{}"配置中看到了】
2、安裝完vue-cli后就可以用vue的一些命令了输拇,這就是vue-cli的作用摘符。下一步就是創(chuàng)建一個基于webpack的項目了
代碼:
vue init webpack 項目名字
【注意:項目名只能是英文,不能有大寫字母!否則會報錯逛裤,如下sorry瘩绒,name can no longer contain capital letters】比如:vue_webpack
3、接著需要你自己輸入項目名字带族,選擇如何搭配你的項目
? Project name vue_webpack
? Project description A Vue.js project
? Author lhl
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Setup unit tests Yes
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes
4锁荔、安裝依賴模塊(在項目文件夾,本例為:vue_webpack)
cnpm install
5炉菲、啟動(在項目文件夾)
cnpm run dev