vue-安裝及新建一個項目

1.首先咱們須要安裝node.js,下載地址是：https://nodejs.org/en/

以後是node.js的正常安裝步驟；

接着打開window+R輸入cmd回車進入命令行模塊

2.確認node.js是否安裝，輸入：node -v          (若回車後有返回版本號，則說明已安裝，若沒有返回，表示須要你去安裝node.js)

3.接着輸入：npm -v

4.接着安裝webpack,輸入：npm install -g webpack

5.接着使用淘寶鏡像輸入：npm install -g cnpm --registry=https://registry.npm.taobao.org

6.接着安裝vue的腳手架工具 ，輸入：npm install -g vue-cli


7.安裝完成後開始建立項目：建立項目myvue01

   輸入命令：vue init webpack myvue01

   此時會不斷要你輸入些東西，注意到Eslint那個選項是選擇N（Eslint是語法規則和代碼風格的檢查工具，會自動檢測當前項目的代碼是否符合預設的規則，若是你的代碼寫得不符合預設的規則會報錯），而後一直回車。

8.建立好項目以後，進入到該項目，而後執行命令運行項目輸入：npm run dev   (在這一步前也能夠先安裝依賴輸入：npm install )

 

二.舉例：如果我在f盤建立了一個名叫my-vuedemo01的vue項目，我要怎麼打開頁面呢？如下流程是：

cmd 打開命令

顯示：

接着進入f盤：

接着找到文件夾名稱：

接着執行運行：

最後就在瀏覽器中打開「localhost.8080」: