利用Vue3 (一）創(chuàng)建Vue CLI 項(xiàng)目
一、官方文檔
Vue3文檔 - vuejs
https://www.vue3js.cn/docs/zh/
Vue核心功能：數(shù)據(jù)綁定
Vue CLI文檔
https://cli.vuejs.org/zh/guide/
Vue CLI = Vue.js + 一堆組件
二、創(chuàng)建Vue CLI項(xiàng)目
1、安裝Vue CLI
淘寶鏡像
SQL:
npm get registry --顯示當(dāng)前的鏡像網(wǎng)址 npm config set registry http://registry.npm.taobao.org -- 使用淘寶的鏡像網(wǎng)址
安裝Vue CLI
CSS:
npm install -g @vue/cli@4.5.9
2、創(chuàng)建web應(yīng)用
SQL:
vue create web
3、啟動(dòng)web應(yīng)用
費(fèi)命令行啟動(dòng)。拖動(dòng)到右側(cè)雙擊即可
三、Vue CLI項(xiàng)目結(jié)構(gòu)講解
index.html, main.ts, app.vue三者關(guān)聯(lián)
public和assets兩個(gè)靜態(tài)資源文件的引用方法
public不參與打包assets會(huì)被打包
index.html引入外部靜態(tài)文件用<%= BASE_URL %>
子文件里的.gitignore文件是會(huì)生效的，里面配置的文件規(guī)則，是相對(duì)當(dāng)前.gitingore文件所在位置
README.md只有根目錄下的生效
package.json 作用類(lèi)似于pom.xml 是一把雙刃劍
eslintrc.js
Vue CLI需要編譯才能發(fā)布
到此這篇關(guān)于利用Vue3 創(chuàng)建Vue CLI 項(xiàng)目的文章就介紹到這了,更多相關(guān)Vue3 創(chuàng)建Vue CLI 項(xiàng)目?jī)?nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
在nuxt使用vueX代替storage的實(shí)現(xiàn)方案
這篇文章主要介紹了在nuxt使用vueX代替storage的實(shí)現(xiàn)方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
關(guān)于移動(dòng)端與大屏幕自適應(yīng)適配方案
這篇文章主要介紹了關(guān)于移動(dòng)端與大屏幕自適應(yīng)適配方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
簡(jiǎn)單談?wù)刅ue3中的ref和reactive
vue3中實(shí)現(xiàn)響應(yīng)式數(shù)據(jù)的方法是就是使用ref和reactive,所謂響應(yīng)式就是界面和數(shù)據(jù)同步,能實(shí)現(xiàn)實(shí)時(shí)更新,下面這篇文章主要給大家介紹了關(guān)于Vue3中ref和reactive的相關(guān)資料,需要的朋友可以參考下2023-04-04
這篇文章主要介紹了vue 表單綁定與組件的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)使用vue框架，感興趣的朋友可以了解下2021-03-03
VUE實(shí)現(xiàn)密碼驗(yàn)證與提示功能
這篇文章主要為大家詳細(xì)介紹了VUE實(shí)現(xiàn)密碼驗(yàn)證與提示功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
淺談vue方法內(nèi)的方法使用this的問(wèn)題
今天小編就為大家分享一篇淺談vue方法內(nèi)的方法使用this的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
form-create 是一個(gè)可以通過(guò) JSON 生成具有動(dòng)態(tài)渲染、數(shù)據(jù)收集、驗(yàn)證和提交功能的表單生成器。本文給大家簡(jiǎn)單介紹了VueJS U取得RL 參數(shù)值的方法，詳細(xì)給大家介紹了vue自定義表單生成器可根據(jù)json參數(shù)動(dòng)態(tài)生成表單效果，感興趣的朋友一起看看吧2019-07-07
Vuex數(shù)據(jù)持久化實(shí)現(xiàn)的思路與代碼
Vuex數(shù)據(jù)持久化可以很好的解決全局狀態(tài)管理,當(dāng)刷新后數(shù)據(jù)會(huì)消失,這是我們不愿意看到的。這篇文章主要給大家介紹了關(guān)于Vuex數(shù)據(jù)持久化實(shí)現(xiàn)的思路與代碼，需要的朋友可以參考下2021-05-05
在vue項(xiàng)目中,將juery設(shè)置為全局變量的方法
今天小編就為大家分享一篇在vue項(xiàng)目中,將juery設(shè)置為全局變量的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
這篇文章主要介紹了vue?@click?@tap重疊事件區(qū)分方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-03-03