首先了解一下什麼的腳手架:
- 腳手架是通過webpack搭建的開發環境
- 使用的是ES6的語法
- 打包和壓縮JS爲一個文件
- 項目文件在環境中編譯,而不是瀏覽器
- 實現頁面的自動刷新
windows下腳手架的安裝:
安裝node.js: 下載地址: https://nodejs.org/en/ 下載安裝好
安裝好node.js後再cmd中輸入:
node -v
會有以下輸出表示成功,然後確定要讓node版本在6.9以上,npm要在3.10以上
全局安裝vue-cli命令:
npm install --global vue-cli
然後輸入:vue --version會顯示如下信息
然後就是到想要放置文件的目錄下,比如到D盤的根目錄下,創建vue項目模板,輸入以下命令:
D:
vue init webpack myfirstproject
然後就會在D盤中創建一個文件名是myfirstproject的文件,裏面是vue的各類東西
到了這裏就給了你提示,先到文件的目錄下,然後執行下面的命令即可
cd myfirstproject
npm run dev
執行完命令後,它會給出一個地址,然後你就可以在瀏覽器中訪問了,8081的原因是我已經開過了一個,正常是8080
至此,腳手架就安裝完成了。。。