1. 程式人生 > >vue搭建腳手架cli

vue搭建腳手架cli

Vue cli腳手架

(1)通過的的WebPack搭建的開發環境

(2)使用ES6語法

(3)專案檔案在環境中編譯而不是瀏覽器

步驟:

1.安裝node.js中驗證的node.js是否安裝成功

  電腦搜尋框,輸入cmd,輸入節點-v,檢視節點版本號,輸入npm -v,檢視npm版本號

2.安裝VUE

        #全域性安裝
        npm install --global vue-cli
        #測試vue是否安裝上


        vue --version

3.#建立一個基於webpack模板的新專案
   vue init webpack myvue(myvue為建的檔案命名)

4.#進入上面建的資料夾

     cd myvue

    #安裝專案所需要的模組

    npm install

5.進入È盤(因為我之前將專案放在ë盤,放的位置自行定義)的myvue檔案,如下

6.在瀏覽器上展示執行效果

    npm run dev

7.瀏覽器輸入的http://localhost:8080