vue-cli3 項目搭建

hey ~ 我是肥陽，後期會持續更新，請記得點贊支持喲
具體操做請前往官網：cli.vuejs.org/zh/

1、安裝 node.js && npm 最新版本

node -v
npm -v
查看版本/是否安裝成功

2、安裝 vue cli 3

npm install -g @vue/cli

vue --version
查看版本/是否安裝成功

3、建立項目

方式一：vue create xxx(項目的名字) - 回車進行預設配置：
方式二：vue ui 使用圖形化界面建立/管理項目
下面是方式一的建立步驟：
若是第一次建立項目 選擇第三項 回車進行自定義配置

空格鍵是選中與取消，A鍵是全選。
按照項目需求進行選擇，選擇完畢後按回車進入下一步
如下是我在項目開發中經常使用的選擇配置

配置完畢後回車等待 ... ...

cd demoes 進入到項目根目錄
npm run serve 啓動項目

恭喜你，到這兒項目就建立成功啦 ~

下面讓咱們看一下項目目錄結構

啓動服務自動打開瀏覽器配置
找到 package.json 文件
加個字段 "--open"

4、自定義配置

在項目 根目錄 下建立 vue.config.js 文件
具體配置請參考文檔 : cli.vuejs.org/zh/config/

5、組件庫

①、cube-ui：didi.github.io/cube-ui/#/z…
②、element：element.eleme.cn/#/zh-CN
③、mint-ui:mint-ui.github.io/#!/zh-cn