Vue之創(chuàng)建項(xiàng)目及目錄方式
1. 創(chuàng)建項(xiàng)目
vue create 項(xiàng)目名
babel
就可以讓我們在當(dāng)前的項(xiàng)目中隨意的使用這些新最新的es6,甚至es7的語法。
說白了就是把各種javascript千奇百怪的語言統(tǒng)統(tǒng)轉(zhuǎn)為瀏覽器可以認(rèn)識(shí)的語言。
eslint
js語法檢查,代碼規(guī)范

**
a. 不使用默認(rèn)的,按鍵盤的上下箭頭可以調(diào)整,調(diào)整到最后一個(gè),然后回車
**

b. 只選中 Babel,其他不選,* 代表選中,可以通過上下箭頭配合空格來調(diào)整選中狀態(tài),調(diào)整好后回車

c. 讓其生成 package.json 文件,然后回車

d. 不保存,然后回車

e. 開始安裝,耐心等待即可

f. 安裝完成,測試運(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用來處理mutations中的異步操作,觸發(fā)mutations中的函數(shù),下面這篇文章主要給大家介紹了關(guān)于vuex新手進(jìn)階篇之a(chǎn)ctions的使用方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10
vue如何實(shí)現(xiàn)清空this.$route.query的值
這篇文章主要介紹了vue如何實(shí)現(xiàn)清空this.$route.query的值,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-09-09
解決Vue在封裝了Axios后手動(dòng)刷新頁面攔截器無效的問題
這篇文章主要介紹了解決VUE在封裝了Axios后手動(dòng)刷新頁面攔截器無效的問題,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-11-11
Vue實(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)選取正確的方法來更新元素,本文就詳細(xì)的介紹一下原理,感興趣的可以了解一下2021-08-08
vue-cli3在main.js中console.log()會(huì)報(bào)錯(cuò)的解決
這篇文章主要介紹了vue-cli3在main.js中console.log()會(huì)報(bào)錯(cuò)的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-04-04
Vue實(shí)現(xiàn)父子組件之間的數(shù)據(jù)傳遞
在前端開發(fā)中,Vue.js 是一個(gè)非常流行的框架,因其易學(xué)易用而受到許多開發(fā)者的青睞,其中,組件是 Vue 的核心概念之一,組件之間的數(shù)據(jù)傳遞是開發(fā)中的常見需求,本文將探討如何在 Vue 中實(shí)現(xiàn)父子組件之間的數(shù)據(jù)傳遞,需要的朋友可以參考下2024-11-11

