vue-cli3.0/4.0搭建項目


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 就可以了

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM