vue-cli5搭建vue項目的實現(xiàn)步驟
vue-cli 的最新版本是5.0.4
首先需要全局安裝 vue-cli
yarn global add @vue/cli
已經(jīng)安裝的可以升級到最新版
yarn global upgrade --latest @vue/cli
然后開始使用 vue-cli 5 搭建項目 ‘hello-world’
vue create hello-wold
會出現(xiàn)下面的配置項：
1. 選擇自動配置還是手工配置
選擇手工配置
2. 選擇插件
選擇babel，typscript，路由，css預(yù)編譯，代碼格式化
3. 選擇vue 版本
選擇 vue3
4. 選擇是否使用 class-style component
class-style componnet 是 vue 推出的支持 typescript 的裝飾器，選擇使用
5. 選擇是否使用 babel 為編譯后的 typescript 代碼注入 polyfills
先不用管作用是什么，一定要選擇Y
6. 選擇是否使用 history 風格的路由
選擇使用
7. 選擇 css 預(yù)編譯
選擇使用 less
8. 選擇語法檢測和代碼格式化插件
選擇 ESlint + Prettier，這個是比較常用另外兩個是 ESLint+愛彼迎格式化 以及 ESLint+通用格式化第一個選項是只使用 ESLint 語法檢測
9. 選擇語法和格式檢測的時間
選擇在保存的時候就進行檢測
10. 選擇各插件配置的保存方式
選擇將各個配置單獨為文件
11. 是否將這個配置保存下來
選擇不需要
到這里全部的配置完成
然后就會執(zhí)行依賴的下載，最后完成的頁面如下：
這樣就生成了一個 hello-world 的文件夾，進入這個文件夾，命令行執(zhí)行 yarn serve,
這樣，vue-cli 5 就搭建項目完成，和 vue-cli 4 的相差不大。
到此這篇關(guān)于vue-cli5搭建vue項目的實現(xiàn)步驟的文章就介紹到這了,更多相關(guān)vue-cli5搭建vue項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue使用keep-alive實現(xiàn)組件切換時保存原組件數(shù)據(jù)方法
這篇文章主要介紹了vue使用keep-alive實現(xiàn)組件切換時保存原組件數(shù)據(jù)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
在我們項目開發(fā)中,經(jīng)常會有超長文本溢出提示,未溢出則不提示的場景,接下來我們將一步步用vue指令實現(xiàn)這個需求,文中有詳細的代碼講解,感興趣的朋友跟著小編一起來看看吧2023-08-08
Element 默認勾選表格 toggleRowSelection的實現(xiàn)
這篇文章主要介紹了Element 默認勾選表格 toggleRowSelection的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2019-09-09
這篇文章主要為大家詳細介紹了Vue filters過濾器的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了關(guān)于vite+vue3打包部署問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-07-07
這篇文章主要介紹了在pycharm中開發(fā)vue的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2020-03-03
一文搞懂Vue3中的異步組件defineAsyncComponentAPI的用法
這篇文章主要介紹了一文搞懂Vue3中的異步組件，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-07-07
這篇文章主要介紹了vue中的數(shù)據(jù)雙向綁定問題，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2017-05-05
在現(xiàn)代的Web應(yīng)用中,用戶體驗至關(guān)重要,而提供簡單易用的復(fù)制功能是改善用戶體驗的一項關(guān)鍵功能,本文將為大家詳細介紹Vue實現(xiàn)一鍵復(fù)制功能的具體方法,需要的可以參考下2023-11-11
這篇文章主要介紹了vue computed無法得到this的屬性或方法的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07