首先安裝好nodejs和npm環境后，創建一個基於webpack模板的新項目，在Windows的cmd命令行模式或者node環境下新建命令：
$ vue init webpack project-name
cd project-name
npm install
npm run dev
以上命令則可創建一個新項目（項目名稱project-name可自己輸入），並運行。
以下是關於vue-cli中文件的執行順序：
在運行項目后，
1、首先進入index.html頁面中，
2、繼而運行main.js，進行vue掛載
3、main.js中import了App.vue以及router文件，可將這些文件中的export default（默認輸出）輸出到頁面上。
路由配置：
以上，再看router下的index.js文件，該文件用於引入vue組件，使用import語句，import后一個單詞是該組件的命名，在后面則可直接用該名稱代替vue組件，from后是組件路徑。
在routes中配置組件，包括組件path（路徑）、name（名稱）、component（組件名）
path和name可以保持一致，name的作用可參考該鏈接：
其中，routes下的第一個配置，path:'/'表示根頁面顯示的組件（即服務器啟動時的展示頁面內容是該組件定義的）
其余都是頁面中用到的組件，新添加的組件都必須在這里引入，否則頁面會報錯
注意事項：
1、在編寫代碼時，總是會報很多錯，可能是因為開啟了vue-li模板中的嚴格開發eslint。
關閉eslint的方法是：在build/webpack.base.conf.js中注釋rules下的第一塊代碼，代碼有以下兩種情況
2、在vue文件中標簽<template>下只能包含一個大的根標簽，即所有元素都需要包裹在一個元素中，如都包在一個div中
3、在vue文件中使用<router-view>標簽渲染子頁面的內容
