vue學習 十一 vue-cli腳手架的安裝和了解

首先了解一下什麼的腳手架:

  • 腳手架是通過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

 

 至此,腳手架就安裝完成了。。。 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章