項(xiàng)目說明：
######新建項(xiàng)目
（如果是git中已經(jīng)存在的項(xiàng)目修档，直接拉取邓馒，本地要有node跟webpack，然后cmd窗口中切換到項(xiàng)目目錄，輸入npm install或者cnpm install回車安裝項(xiàng)目依賴
安裝完成后发魄，再輸入npm run dev啟動(dòng)項(xiàng)目，啟動(dòng)完成后項(xiàng)目自動(dòng)在瀏覽器中打開纲刀，表示項(xiàng)目啟動(dòng)成功银舱，默認(rèn)端口8080:）
）
#項(xiàng)目安裝
node安裝
http://www.cnblogs.com/starof/p/5194716.html
https://nodejs.org/en/download/
安裝好后
npm install webpack -g
http://blog.csdn.net/ansu2009/article/details/53261410
npm install -g vue-cli
首先，我們?cè)诮K端中把當(dāng)前目錄定位到你準(zhǔn)備存放項(xiàng)目的地方判耕。如準(zhǔn)備放在E:\vue這個(gè)目錄下面透绩，那么先通過cmd命令進(jìn)入這個(gè)目錄，命令如下：
cd vue
進(jìn)入到目錄之后壁熄，我們按照下面的代碼輸入帚豪，新建一個(gè)自己的vue項(xiàng)目demo01
vue init webpack demo01
cd demo01
npm install
npm run dev
#項(xiàng)目目錄結(jié)構(gòu)介紹
index.html首頁入口文件，你可以添加一些meta信息或同統(tǒng)計(jì)代碼草丧。
static靜態(tài)資源目錄狸臣，如圖片、字體等昌执。目前項(xiàng)目中放置的是js公共方法（comm文件夾中comm.js）烛亦、
PamarsConst.js請(qǐng)求公共參數(shù)诈泼，以及一些插件（plugins）
src這里是我們要開發(fā)的目錄，基本上要做的事情都在這個(gè)目錄里煤禽。里面包含了幾個(gè)目錄及文件：
assets:放置一些圖片铐达，如logo等。
components:目錄里面放置組件文件檬果。
* page:放置所涉及的頁面跳轉(zhuǎn)vue文件瓮孙，之后項(xiàng)目中所增加的新頁面都放在這里
* router：路由配置文件。每增加一個(gè)新頁面就添加一項(xiàng)路由配置
store：數(shù)據(jù)管理文件选脊，暫時(shí)不用
App.vue:項(xiàng)目入口文件杭抠。
main.js:項(xiàng)目的核心文件。
config配置目錄恳啥，包括端口號(hào)等偏灿。我們初學(xué)可以使用默認(rèn)的。
dist最終發(fā)布的代碼存放位置钝的。? 項(xiàng)目開發(fā)完后翁垂，cmd調(diào)出命令面板，輸入npm run build后自動(dòng)生成的文件
#項(xiàng)目開發(fā)中需要注意的事項(xiàng)
1.所有頁面中都需要引入的js或css文件扁藕，可以在index.html中引入沮峡，常規(guī)寫法，其他的只需要在個(gè)別頁面中引入的亿柑，vue文件中import引入
2.頁面引入的圖片或者js邢疙、css文件路徑要寫相對(duì)路徑
3.需要添加路由跳轉(zhuǎn)的地方添加標(biāo)簽
4.路由配置：首先在router文件夾下的index文件內(nèi)引入改模板，例如import userManage from '../page/user-manage'
userManage名稱要跟后臺(tái)存的名稱一致
然后在新增頁面在/home下的children里面配置望薄，Login路由是登錄頁路由疟游，path: '/'表示項(xiàng)目啟動(dòng)后的默認(rèn)顯示頁面
5.單個(gè).vue文件中，script標(biāo)簽內(nèi)寫相應(yīng)方法痕支，style標(biāo)簽內(nèi)可以寫頁面樣式
6.如果用webstorm開發(fā)颁虐，在WebStorm中添加Vue.js單文件組件的高亮及語法支持，參考http://blog.csdn.net/Dcatfly/article/details/53123318
#項(xiàng)目啟動(dòng)
以上選項(xiàng)都配置好后卧须，每次開發(fā)前都需要先啟動(dòng)項(xiàng)目另绩，cmd命令面板中切換到項(xiàng)目所在目錄adminsys輸入命令行npm run dev然后
按回車鍵，項(xiàng)目啟動(dòng)后自動(dòng)在瀏覽器中打開當(dāng)前項(xiàng)目花嘶，默認(rèn)端口http://localhost:8080/#/home
#項(xiàng)目斷點(diǎn)調(diào)試
vue-cli采用的是webpack進(jìn)行構(gòu)建的笋籽，所以如果要進(jìn)行斷點(diǎn)調(diào)試的話，
請(qǐng)?jiān)O(shè)置devtool為source-map椭员。具體做法是：到/build目錄下的webpack.dev.config.js搜索devtool车海，將其設(shè)置為source-map
完成配置后，跑node服務(wù)npm run dev隘击，然后就可以在chrome瀏覽器中進(jìn)入開發(fā)者模式侍芝。搜索具體的vue組件進(jìn)行斷點(diǎn)調(diào)試研铆。
---------------------------------------------------------------------------------------------------------
# adminsys
> A Vue.js project
## Build Setup
``` bash
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
# run unit tests
npm run unit
# run e2e tests
npm run e2e
# run all tests
npm test
```
For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
