Vue之創(chuàng)建項(xiàng)目及目錄方式
1. 創(chuàng)建項(xiàng)目
vue create 項(xiàng)目名
babel
就可以讓我們?cè)诋?dāng)前的項(xiàng)目中隨意的使用這些新最新的es6,甚至es7的語(yǔ)法。
說(shuō)白了就是把各種javascript千奇百怪的語(yǔ)言統(tǒng)統(tǒng)轉(zhuǎn)為瀏覽器可以認(rèn)識(shí)的語(yǔ)言。
eslint
js語(yǔ)法檢查,代碼規(guī)范
**
a. 不使用默認(rèn)的,按鍵盤(pán)的上下箭頭可以調(diào)整,調(diào)整到最后一個(gè),然后回車
**
b. 只選中 Babel,其他不選,* 代表選中,可以通過(guò)上下箭頭配合空格來(lái)調(diào)整選中狀態(tài),調(diào)整好后回車
c. 讓其生成 package.json 文件,然后回車
d. 不保存,然后回車
e. 開(kāi)始安裝,耐心等待即可
f. 安裝完成,測(cè)試運(yùn)行
2. Vue cli 腳手架 目錄結(jié)構(gòu)
總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vuex新手進(jìn)階篇之a(chǎn)ctions的使用方法
actions用來(lái)處理mutations中的異步操作,觸發(fā)mutations中的函數(shù),下面這篇文章主要給大家介紹了關(guān)于vuex新手進(jìn)階篇之a(chǎn)ctions的使用方法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10vue如何實(shí)現(xiàn)清空this.$route.query的值
這篇文章主要介紹了vue如何實(shí)現(xiàn)清空this.$route.query的值,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-09-09解決Vue在封裝了Axios后手動(dòng)刷新頁(yè)面攔截器無(wú)效的問(wèn)題
這篇文章主要介紹了解決VUE在封裝了Axios后手動(dòng)刷新頁(yè)面攔截器無(wú)效的問(wèn)題,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-11-11Vue實(shí)現(xiàn)跑馬燈樣式文字橫向滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)跑馬燈樣式文字橫向滾動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-11-11淺談vue實(shí)現(xiàn)雙向事件綁定v-model的原理
vue使用v-model實(shí)現(xiàn)數(shù)據(jù)的雙向綁定,它會(huì)根據(jù)控件類型自動(dòng)選取正確的方法來(lái)更新元素,本文就詳細(xì)的介紹一下原理,感興趣的可以了解一下2021-08-08vue-cli3在main.js中console.log()會(huì)報(bào)錯(cuò)的解決
這篇文章主要介紹了vue-cli3在main.js中console.log()會(huì)報(bào)錯(cuò)的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-04-04Vue實(shí)現(xiàn)父子組件之間的數(shù)據(jù)傳遞
在前端開(kāi)發(fā)中,Vue.js 是一個(gè)非常流行的框架,因其易學(xué)易用而受到許多開(kāi)發(fā)者的青睞,其中,組件是 Vue 的核心概念之一,組件之間的數(shù)據(jù)傳遞是開(kāi)發(fā)中的常見(jiàn)需求,本文將探討如何在 Vue 中實(shí)現(xiàn)父子組件之間的數(shù)據(jù)傳遞,需要的朋友可以參考下2024-11-11