vue-cli 4.0安裝及項目搭建

安裝

1.卸載舊版本vue-cli

npm uninstall -g vue-cli

如果卸載有問題，檢查C:\Users\用戶\.npmrc文件，刪除以下代碼

cache=C:\Program Files\nodejs\node_cache
prefix=C:\Program Files\nodejs\node_global

2.安裝新版本

node版本必須在10.0.0以上才支持

目前已更新到vue 4.0.5
npm install -g @vue/cli

 

搭建項目

1.切換淘寶鏡像cnpm

nrm專門用來管理和快速切換npm源

npm install nrm -g --save    安裝nrm
nrm ls    查看默認配置
nrm use cnpm    使用淘寶鏡像

2.創建項目

vue create vue-test       //vue-test是項目名稱

3.自定義配置

選擇是否使用路由 history router，其實直白來說就是是否路徑帶 # 號，建議選擇 N，否則服務器還要進行配置

css 的預處理器我選擇的是 Sass/SCSS(with dart-sass) 。node-sass是自動編譯實時的，dart-sass需要保存後纔會生效

選擇 ESLint 代碼校驗規則，提供一個插件化的javascript代碼檢測工具，ESLint + Prettier 使用較多

然後選擇什麼時候進行代碼校驗，Lint on save 保存就檢查，Lint and fix on commit   fix 或者 commit 的時候檢查，建議第一個

下面就是如何存放配置了，In dedicated config files 存放到獨立文件中，In package.json 存放到 package.json 中

本着項目結構簡單的想法，我選擇了第二個