1.Node.js安裝
1.1下載安裝
在node.js 官網下載, 根據自己電腦系統安裝,一直點下一步即可
1.2測試安裝是否成功
Windows+R打開cmd窗口,輸入node -v回車出現版本號,即安裝成功!
2.Vue.js安裝
2.1使用NPM安裝 —NPM: NPM是隨同NodeJS一起安裝的包管理工具,能解決NodeJS代碼部署上的很多問題
2.1.1使用淘寶的鏡像及其命令 cnpm 安裝淘寶的鏡像:
打開cmd命令框,輸入
npm install -g cnpm –registry=https://registry.npm.taobao.org 回車
加載完成后
2.1.2在命令框輸入
cnpm install vue 回車
以上vue.js安裝完畢
3.腳手架搭建
3.1Vue-cli安裝
在cmd命令框輸入
cnpm install -g vue-cli(回車)
3.2搭建測試
3.2.1.在你的vue安裝目錄下(我創建在E:\vue)新建文件夾vue
3.2.2.打開cmd命令窗口輸入cd vue,進入E:\vue,輸入vue list可以看到列出了可以使用的模板
在命令框鍵入vue,看到描述
我們init命令安裝
vue init webpack test (我在這建的是test1,因為我本地已經建好了一個test)
注意創建新的文件時出現Project name之后要自己手動選擇創建選項,否則創建將會一直停留在Project name
進入test文件夾
cd test 1
安裝依賴
cnpm install
啟動
npm run dev
在瀏覽器打開
文件目錄