vue-cli2安裝搭建
cnpm install vue // 安裝vue
cnpm install --global vue-cli // 全局安裝vue-cli2
vue init webpack my-app // 基于webpack模板創(chuàng)建項(xiàng)目
相關(guān)鏈接：項(xiàng)目目錄結(jié)構(gòu)詳解：http://www.reibang.com/p/0c1b5ba90391
vue-cli3安裝搭建
cnpm uninstall vue-cli -g // 若全局安裝了舊版本的vue-cli，先通過此命令卸載
cnpm install vue // 安裝vue
cnpm install -g @vue/cli // 全局安裝vue-cli3
vue --version // 此命令用于查看vue-cli有沒有安裝成功单匣，版本號(hào)
vue create vue-element-template // 創(chuàng)建項(xiàng)目
cd vue-element-template // 進(jìn)入文件夾
vue add element // 此命令用于安裝element-ui
-
選擇項(xiàng)目配置方式绘雁？默認(rèn)配置 : 手動(dòng)配置
配置方式.png - 項(xiàng)目所需配置項(xiàng)的選擇剿吻，空格用于選擇/清除選擇
Babel:ES6語法的轉(zhuǎn)換器
Typescript:javascript類型的超集,可以運(yùn)行在任何瀏覽器，Node.js環(huán)境和任何支持ECMAScript3（或更高版本）的javascript引擎中
PWA:Progressive Web App割卖，漸進(jìn)式WEB應(yīng)用，接近原生App,通過web技術(shù)編寫一個(gè)網(wǎng)頁應(yīng)用
Router:路由
Vuex:狀態(tài)管理
Css Pre-processors:css預(yù)處理器
Linter / Formatter:代碼格式
Unit Testing:測(cè)試
E2E Testing:測(cè)試
配置項(xiàng).png -
是否采用history的路由模式？
history.png -
選取何種css預(yù)處理器
css預(yù)處理器.png -
在那里寫這些文件的配置氢架？專用配置文件 ：package.json文件
配置文件.png - 是否保留這個(gè)配置在以后的項(xiàng)目中使用
配置是否保留.png
7.源碼地址：https://github.com/ShuangWW/vue-elemnet-template
