vue-cli3.0/4.0 以后項目創建的命令變成了下面這樣
vue create <Project Name> //文件名 不支持駝峰(含大寫字母)
default 是使用默認配置
Manually select features 是自定義配置
我的自定義配置如下
選擇是否使用路由 history router,其實直白來說就是是否路徑帶 # 號,建議選擇 N,否則服務器還要進行配置
css 的預處理器我選擇的是 Sass/SCSS(with dart-sass) 。node-sass是自動編譯實時的,dart-sass需要保存后才會生效
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 中
本着項目結構簡單的想法,我選擇了第二個
最后就是是否保存本次的配置了,N 不記錄,如果選擇 Y 需要輸入保存名字
我這里就不保存了,原因是熟能生巧!哈哈哈
然后就等待創建項目吧
出現如圖紅框所示的提示,就搭建成功,進入項目目錄,直接輸入 npm run serve 就可以了