搭建第乙個Vue專案

如果沒有什麼問題的話，nodejs安裝成功後會將npm（包管理工具）自動新增至系統的環境變數。開啟cmd，輸入命令「npm -v」。我的結果如下，表示安裝成功，npm已新增至系統環境變數

npm畢竟是國外的，抽風是極有可能的。所以可以使用taobao的替代產品cnpm。安裝方式為在cmd中輸入如下**

npm install -g cnpm --registry=

驗證方式：在cmd中使用cnpm -v

安裝方式：在cmd中輸入如下**

npm install webpack -g

驗證方式：在cmd中輸入如下**

使用vue-cli可以快速搭建vue開發環境

在cmd中輸入如下**

npm install vue-cli -g

驗證方式：在cmd中輸入如下**：vue -v

至此，準備工作完畢

建立vue專案

cmd切換至要建立專案的目錄，輸入以下**

vue init webpack 專案名稱

注意專案名稱不能使用中文

直接回車表示使用預設專案名

下邊的步驟比較簡單，如果能看懂的話，可以自己選擇。如果有些選項不是很明白，可以自己搜尋。也可以使用預設選項。最終的專案結構如下（在webstorm中）

在終端輸入npm run dev，啟動專案。如果啟動成功，會顯示最後一行的訪問位址

結果：

搭建成功

使用idea搭建第乙個Vue專案

建立命令 在命令列工具cmd，或者intellij idea的terminal中進入想要構建專案的目錄，輸入vue init webpack project name，回車 webpack預設版本為2.0，若要指定1.0，需在webpack後加上 1.0，即vue init webpack 1.0 ...

第乙個vue測試專案

1.安裝node.js 安裝完後 開啟命令列工具，輸入 node v 看版本號 2.安裝cnpm 在命令列中輸入 npm install g cnpm registry 等待非常久 完成之後，我們就可以用cnpm代替npm來安裝依賴包了 3.安裝vue cli腳手架構建工具 在命令列中執行命令 cn...

建立第乙個Vue專案

1.開發工具的安裝 visual studio code,安裝對應的外掛程式,除錯用chrome瀏覽器,瀏覽器上安裝vue除錯的外掛程式,3.學習 菜鳥教程,w3school,vue官網.建立乙個vue專案步驟 一種純命令列的方式建立,另一種是ui介面的方式建立vue專案 菜鳥教程有純命令列的方式建...