webpack+Vue2.0項目基礎工程文件配置

隨着Vue的流行，不少公司開始技術棧指向Vue，開始的時候用gulp+vue1.0作項目，一直到如今，webpack趨勢也上來了，並且vue官網也是用webpack跟Vue結合去講解實例，接下來大概說下環境配置的步驟：

1.安裝node.js

安裝nodejs

win系統

去nodejs官網下載便可，地址：http://nodejs.cn/ 我的使用的6.11.3，由於公司服務器是這個，看本身愛好了，不過提示你們，不是最新版本就是最好的。

mac

用brew安裝就好，看我的愛好，也能夠下載軟件包安裝。

安裝了後，集成了npm包管理器，很爽的。

2.安裝webpack

npm install webpack -g

3.安裝Vue相關

首先，全局安裝vue

npm install -g vue

其次，安裝腳手架

npm install vue-cli -g

開發過程當中確定使用異步請求，路由等，想要什麼直接命令安裝就好，以下：

npm install vue-router axios –-save-dev

多個模塊空格隔開就好。

4.開始構建webpack+vue的基礎構建文件

cd到你打算放置的項目目錄
而後執行命令：

vue init webpack projectName

會有一些初始化的設置，根據你的狀況對應輸入便可：

Target directory exists. Continue? (Y/n) 直接回車默認(而後會下載 vue2.0模板，這裏可能須要連代理) 
Project name (vue-test) 你的項目名稱，這裏能夠直接回車 
Project description (A Vue.js project) 描述能夠隨便寫，或者直接回車 
Author 你的名字或者直接回車默認 
Use ESLint to lint your code? Y 
setup unit tests with karma + mocha?n(單元測試不須要) 
setup e2e tests with Nightwatch?n(單元測試不須要)

5.開始配置

cd 剛剛建立的項目名稱
執行命令：

npm install

開始安裝package.json的依賴。
安裝完畢，會有提示就可使用了。

6.啓動環境

開發環境：

npm run dev

生產代碼：

npm run build

執行了後會有個dist文件夾，裏面有index.html跟static文件夾。

以上就是webpack+vue環境搭建，搭建完畢後，若是有必要搭建本身的模擬數據服務，能夠去以前寫的文章：https://segmentfault.com/a/11...