腳手架(vue-cli)創(chuàng)建Vue項目的超詳細過程記錄
cli3.x/4.x創(chuàng)建Vue項目
1.創(chuàng)建項目
vue create vue_project(項目名)
敲擊回車,出現(xiàn)以下頁面
此處本人一般選擇手動配置,因為eslint真的是個很可怕的東西,它對代碼格式的嚴格要求,真的會把人逼瘋的,代碼有一點點不規(guī)范的地方程序都會報錯
2.項目手動配置
按空格鍵選擇或取消選擇
3.選擇vue版本
4.路由模式
第二步如果選擇的路由,將會有這一步驟,意思為是否用history模式來創(chuàng)建路由。
此處本人一般選擇yes
5.配置文件的存放位置
配置文件是放在獨立的配置文件中(選項一),還是放在package.json中(選項二)。
本人一般選擇第一個
6.配置保存
是否保存此次配置,用于將來的項目
如果選擇yes,那么在之后創(chuàng)建項目時,在第一步中,選項除了兩個默認配置和手動配置外,還將增加此次的配置。
選擇yes,為此次配置自定義一個名稱,用于之后的選擇;選擇no將沒有這一步。
保存配置為test,在之后創(chuàng)建項目時,就可以看見我們的這一配置選項了。
項目創(chuàng)建成功
打開終端,進入項目文件夾(上面創(chuàng)建項目時名字為vue_project,因為一些原因,本人又把項目名改成了vue_test,大家根據(jù)自己的項目名進行修改即可),然后運行項目(npm run serve)
運行項目成功,點擊鏈接在瀏覽器查看項目
總結
到此這篇關于腳手架(vue-cli)創(chuàng)建Vue項目的文章就介紹到這了,更多相關腳手架vue-cli創(chuàng)建Vue內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
Vue 中使用lodash對事件進行防抖和節(jié)流操作
這篇文章主要介紹了Vue 中使用lodash對事件進行防抖和節(jié)流操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07Template?ref在Vue3中的實現(xiàn)原理詳解
這篇文章主要為大家介紹了Template?ref在Vue3中的實現(xiàn)原理示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-07-07