一朱巨、環(huán)境搭建
? ? 1、git工具需要安裝好
? ? 2铐然、node.js要安裝好
? ? 3蔬崩、安裝vue-cli 命令為：npm install vue-cli -g（全局安裝 我的版本為4.X）
二、命令執(zhí)行
? ? 1搀暑、創(chuàng)建項(xiàng)目：vue create project-one
通過(guò)↑ ↓ 箭頭選擇你要配置的項(xiàng)沥阳，按 空格 是選中，按 a 是全選自点，按 i 是反選桐罕。具體每個(gè)配置項(xiàng)表示什么意思在下面會(huì)有說(shuō)明。
? Check the features neededforyour project: (Press to select, to toggle all, to invert selection)
>( ) Babel //轉(zhuǎn)碼器桂敛，可以將ES6代碼轉(zhuǎn)為ES5代碼功炮，從而在現(xiàn)有環(huán)境執(zhí)行。
( ) TypeScript// TypeScript是一個(gè)JavaScript（后綴.js）的超集（后綴.ts）包含并擴(kuò)展了 JavaScript 的語(yǔ)法术唬，需要被編譯輸出為 JavaScript在瀏覽器運(yùn)行
( ) Progressive Web App (PWA) Support// 漸進(jìn)式Web應(yīng)用程序
( ) Router // vue-router（vue路由）
( ) Vuex // vuex（vue的狀態(tài)管理模式）
( ) CSS Pre-processors // CSS 預(yù)處理器（如：less薪伏、sass）
( ) Linter / Formatter // 代碼風(fēng)格檢查和格式化（如：ESlint）
( ) Unit Testing // 單元測(cè)試（unit tests）
( ) E2E Testing // e2e（endtoend） 測(cè)試
選完之后按?Enter
上文出處：https://www.cnblogs.com/sese/p/11712275.html
2、連接gitLab遠(yuǎn)程倉(cāng)庫(kù)
? ? ①需要在gitLab上創(chuàng)建好項(xiàng)目粗仓，然后復(fù)制好項(xiàng)目的url.
? ? ②在本地項(xiàng)目的文件夾中（英文路徑）嫁怀，打開(kāi)git命令操作工具：
? ??????1、git init??初始化項(xiàng)目
? ? ? ? 2借浊、git remote add origin 遠(yuǎn)程倉(cāng)庫(kù)地址
? ? ? ? 3塘淑、git add .? ? ? ?將本地項(xiàng)目添加到暫存區(qū)
? ? ? ? 4、git commit -m '自己提交的描述'
? ? ? ? 5蚂斤、git push -u origin master? ??將項(xiàng)目推送到遠(yuǎn)程倉(cāng)庫(kù)
? ? ? ? 6存捺、然后創(chuàng)建各自的分支就好，一般是dev曙蒸、test捌治、release岗钩、master.
? ? ? ? 7、創(chuàng)建好分支后肖油，需要將本地的代碼push到遠(yuǎn)程倉(cāng)庫(kù)凹嘲。
三、在項(xiàng)目中安裝各種插件
? ? 1构韵、vue-cli3.0以后項(xiàng)目的啟動(dòng)命令為：npm run serve
? ? 2、安裝路由插件vue-router,安裝命令為：npm install vue-router --save,安裝好后需要在項(xiàng)目中SRC目錄下新建一個(gè)router.js的文件趋艘，在router.js中需要把自己掛載到vue上疲恢，即如下代碼實(shí)現(xiàn)：
? ? 3、安裝狀態(tài)管理器vuex瓷胧，安裝命令為：npm install vuex --save显拳，安裝好后需要在項(xiàng)目中SRC目錄下新建一個(gè)store.js的文件，在store.js中需要把自己掛載到vue上搓萧，即如下代碼實(shí)現(xiàn)：
? ? 4杂数、安裝less,安裝命令為：npm install less less-loader --save 等
四、項(xiàng)目中的資源文件配置
? ? 1瘸洛、與2.0版本的差異：
? ? ? ? ①文件目錄少了很多項(xiàng) 如：build揍移、config。
? ? ? ? ②但3.0可以在項(xiàng)目的根目錄下新建一個(gè) vue.config.js 文件反肋，之前繁瑣的配置都可以在這里直接配置那伐。官方是這樣說(shuō)的。vue.config.js 是一個(gè)可選的配置文件石蔗，如果項(xiàng)目的（和package.json 平級(jí)）根目錄中存在這樣一個(gè)文件罕邀，那么他會(huì)被 @vue/cli-service 自動(dòng)加載，（并覆蓋其內(nèi)部的配置）养距，官網(wǎng)配置參考诉探。
? ? ? ? ③
