利用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 作用類似于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)文章
這篇文章主要介紹了vue中checkbox如何修改為圓形樣式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-12-12
vue.config.js使用代理配置真實(shí)請(qǐng)求url方式
這篇文章主要介紹了vue.config.js使用代理配置真實(shí)請(qǐng)求url方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了使用element upload上傳組件如何去掉刪除按鈕2023-07-07
element的表單校驗(yàn)證件號(hào)規(guī)則及輸入“無(wú)”的情況校驗(yàn)通過(guò)(示例代碼)
這篇文章主要介紹了element的表單校驗(yàn)證件號(hào)規(guī)則及輸入“無(wú)”的情況校驗(yàn)通過(guò),使用方法對(duì)校驗(yàn)數(shù)據(jù)進(jìn)行過(guò)濾判斷,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2023-11-11
Vue-loader其實(shí)就是一個(gè)webpack的loader，用來(lái)把vue組件轉(zhuǎn)換成可部署的js, html, css模塊，這篇文章主要介紹了Vue-loader使用教程,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了vue 獲取元素額外生成的data-v-xxx操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09
Vue 2.0入門基礎(chǔ)知識(shí)之內(nèi)部指令詳解
這篇文章主要介紹了Vue 2.0入門基礎(chǔ)知識(shí)之內(nèi)部指令知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值 ,需要的朋友可以參考下2017-10-10
本文給大家?guī)?lái)兩種方法實(shí)現(xiàn)vue2.0 自定義日期時(shí)間過(guò)濾器，需要的的朋友參考下吧2017-06-06
Nuxt引用cookie-universal-nuxt在服務(wù)端請(qǐng)求cookie方式
這篇文章主要介紹了Nuxt引用cookie-universal-nuxt在服務(wù)端請(qǐng)求cookie方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
vue項(xiàng)目webpack中Npm傳遞參數(shù)配置不同域名接口
這篇文章主要介紹了vue項(xiàng)目webpack中Npm傳遞參數(shù)配置不同域名接口，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-06-06