VUE 腳手架模板搭建

VUE 腳手架安裝和運行vue

一、須要安裝:nodenpmcnpmnode

安裝node自動會安裝npm,node有不少版本能夠根據須要的版本進行選擇性安裝。
安裝時一直next就能夠了。webpack

32 位安裝包下載地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi
64 位安裝包下載地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

二、cnpm安裝: npm install -g cnpm --registry=https://registry.npm.taobao.orgweb

三、安裝vue-cli:(cli:Command Line Interface 命令行接口)--> cnpm install vue-cli -g //全局安裝。vue-cli

四、切換到項目放置的目錄,初始化一個vue-cli項目--> vue init(模板)(文件名)
若是輸入:vue init vuetest 報錯:下載不到指定的vue模板npm

使用webpack例子:vue init webpack-simple vueTtst json


五、cd進入文件目錄下spa

六、安裝須要的模塊:cnpm i

根據package下載須要的模塊命令行

七、運行,cnpm run dev3d

八、若是端口衝突, webpack-simple模塊下打開package.json 修改

相關文章
相關標籤/搜索