安裝Vue

1. 安裝nodejs

   安裝nodejs，下載相應版本的nodejs, 下載地址: https://nodejs.org/en/download/,
   下載完雙擊安裝,點擊下一步直到安裝完成

2. 安裝完成后，附件里選擇命令提示符(或者在開始的搜索框里輸入cmd回車調出命令面板)輸入：

     node -v
   

   

3. 出現相應版本證明安裝成功, node環境已經安裝完成，由於有些npm有些資源被屏蔽或者是國外資源的原因，經常會導致用npm安裝依賴包的時候失敗，所以需要npm的國內鏡像--npm.在命令行中輸入：

    npm install -g cnpm --registry=https://registry.npm.taobao.org
   

   大約需要3分鍾,如果報錯或沒反應，則卸掉nodejs重新安裝。

   

4. 安裝全局vue- cli腳手架，用於幫助搭建所需的模板框架。輸入命令: (有可能會報錯，一定要仔細觀察cmd中輸出的到底是什么，確認無誤之后再進行下一步的操作)

    cnpm install -g vue-ci（或者：cnpm install --global vue-cli ）
   

   回車等待完成。

   

5. 創建項目

   首先我們要選定目錄,然后再命令行中把目錄轉到選定的目錄；
   假如我們打算把項目新建在e盤下的vue文件夾中則輸入下面的命令：
   e：回車，然后cd vue , 然后輸入命令

    vue init webpack項目文件夾名稱（例：vue init webpack fristVue）
   

   回車,運行初始化命令的時候會讓用戶輸入幾個基本的選項,如項目名稱，描述，作者等信息,如果不想填直接回車默認就好。(一頓回車+ N鍵就完成了)。

   

6. 安裝項目所需的依賴包

   首先輸入：cd 項目名，回車,
   然后輸入: cnpm instal ,回車等待安裝，
   安裝完成之后 ,會在我們的項目目錄firstVue文件夾中多出一個node. modules文件夾,這里邊就是我們項目需要的依賴包資源。
   安裝完依賴包之后,就可以運行整個項目了。

7. 測試環境是否搭建成功

   在cmd里輸入：

    cnpm run dev
   

   回車，項目運行成功后，瀏覽器會自動打開localhost:8080
   (如果瀏覽器沒有自動打開,可以手動輸入)。運行成功后,會看到Welcome to Your Vuejs App頁面。

   

8. 啟動Vue項目

   
   

• 參考網址
• 參考網址