1、安裝node
https://nodejs.org/en/download/
2、webpack安裝【我選全局安裝】
全局安裝
npm install --global webpack
本地安裝
npm install --save-dev webpack
3、vue-cli的安裝【我選全局安裝】
全局安裝
npm install --global vue-cli本地安裝
npm install --save-dev vue-cli
4、初始化生成項目模板
vue init webpack 項目名
5、進入生成的項目文件夾；cd 項目名
【此處：cd vue-demo】
6、npm run dev：運行項目
在瀏覽器中打開
此處的網址；
便可看到如下頁面，表示vue-cli運行成功。
8、用webstorm打開vue-demo項目，可以看到如下模板
bulid：項目構建相關代碼
config：項目開發環境配置
src：源碼目錄
asserts：對應的圖片
components：vue的公共組件
router：
app.vue:頁面入口文件
main.js：程序入口文件【加載各種公共組件】
static：靜態文件，比如：圖片、json文件
此處的文件夾含義參考：https://segmentfault.com/a/1190000007880723
vue-cli中sass使用
①、安裝node-sass,再安裝sass-loader
npm install node-sass --save-dev
npm install sass-loader --save-dev
注意點:此處如果npm安裝不了，可以通過 cnpm 來安裝
②、無需配置，直接使用即可,單文件中的引入和使用
在github上瀏覽網站【vue】
①、在github上建了一個項目，這里注意index.html要在根目錄下面，先進行打包
vue run build
這是我當前項目的項目結構，此處可以看到打包生成了文件夾【dist】
②、進行git提交【發現dist無法提交，操作】，執行以下操作后再進行git提交
③、在github找到該項目，並執行第二張圖的操作
result：
這里我們直接訪問圖上的地址【此處訪問地址：https://lifengand1992.github.io/vue_ui/dist/】，這里會發現css、js文件都不能加載，訪問的是根目錄下的文件
④、修改config/index.js里的assetsPublicPath的字段，初始項目是/，是指向項目根目錄的，這里改為./【相對目錄】，並提交，再訪問上面地址。
再次重新進行npm run build，再提交，最后訪問地址。
③、訪問成功
