vue-cli入門（一）——專案搭建
前言：
vue-cli是一款基於vue的專案腳手架工具，其整合了webpack環境和主要的依賴，對於我們的專案搭建、開發、打包、維護管理等都是非常的方便。
主要內容：
1、 node.js安裝和配置環境
2、 構建vue-cli專案模板
安裝node.js本地環境
2、檢驗是否安裝完成：ctrl+r 輸入cmd開啟命令列工具；
輸入node -v回車，顯示版本號，則安裝成功；
輸入npm –v回車，同上。如下圖所示(npm是node自帶的包管理工具)。
3、安裝cnpm
開啟命令列工具，把這個（npm install -g cnpm --registry= 複製（這裡要手動複製就是用滑鼠右鍵那個，具體為啥不多解釋），安裝這裡是因為我們用的npm的伺服器是國外的，有的時候我們安裝「依賴」的時候很很慢很慢超級慢，所以就用這個cnpm來安裝我們所需要的「依賴」。安裝完成之後輸入 cnpm -v，如下圖，如果出現相應的版本號，則說明安裝成功。
4、安裝webpack
開啟命令列工具輸入：npm install webpack -g，安裝完成之後輸入 webpack -v，如下圖，如果出現相應的版本號，則說明安裝成功。
5、安裝vue-cli依賴
cmd開啟命令列工具，輸入npm install -g vue-cli，回車 全域性安裝cue-cli，安裝完成之後輸入 vue -v（注意這裡是大寫的「v」），如下圖，如果出現相應的版本號，則說明安裝成功。
構建vue-cli專案模板
1、建立專案
開啟cmd命令列工具，cd跳轉到想建立專案的資料夾下面，輸入：vue init webpack project-name 回車
webpack預設是安裝2.0版本，如果要安裝1.0版本的話，需要在webpack後面加上版本號資訊，輸入：vue init webpack#1.0 project-name（此時安裝的是1.0版本）；
projectname是我們要命名的專案名稱，例如：我可以命名為myvue-demo；
上面是一些常規的專案配置，包括專案名稱、專案描述、作者、構建模式、
是否引入vue-router(這是路由元件，一般都會用到，我們選『yes』);
eslint是嚴格模式，一般不選，否則**經常因一些空格等原因編譯失敗；
最後兩項是測試模組，可以先不安裝。
最後是開始步驟，先cd到myvue-demo資料夾下面，輸入 npm install 回車；
下一步輸入 npm run dev回車執行，自動配置本地伺服器並開啟網頁，預設8080埠。
2、安裝依賴
3、執行專案
開啟cmd，cd 到專案資料夾下面，輸入npm run dev回車，然後等待就好了，啟動成功會自動開啟瀏覽器頁面監聽本地8080埠。此時，我們就可以進行正式的開發工作了。
vue cli入門（一） 專案搭建
vue cli作為一款mvvm框架語言 vue 的腳手架，整合了webpack環境及主要依賴，對於專案的搭建 打包 維護管理等都非常方便快捷。在開始專案之前，建議先熟悉vue.js基本語法。1.安裝node.js 檢驗是否安裝成功，在cmd輸入命令 node v,回車 及 npm v,回車，如出現下...
點點滴滴Vue cli 一 專案搭建
一 安裝 node.js 安裝完畢後在cmd 鍵入node v 和 npm v 出現對應的版本號即表示安裝成功 二 安裝 映象 由於國內網路原因，推薦實用 映象來安裝vue cli的依賴，如果有網路fq條件的可以直接使用npm install g vue cli，兩種方式出現的結果是一樣的 有fq條...
vue學習（一）專案搭建
安裝cnpm npm install g cnpm registry 完成準備工作 1 開始安裝腳手架工具vue cli 開啟cmd,輸入以下命令，在全域性安裝vue cli 方式一 npm install global vue cli 方式二 cnpm install global vue cli...