利用Vue3 (一）創(chuàng)建Vue CLI 項目
更新時間：2021年10月18日 10:56:41 作者：久曲健
這篇文章主要介紹利用Vue3 創(chuàng)建Vue CLI 項目，下面文章內(nèi)容附有官方文檔鏈接，安裝過程，需要的可以參考一下
一、官方文檔
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項目
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、啟動web應(yīng)用
費命令行啟動。拖動到右側(cè)雙擊即可
三、Vue CLI項目結(jié)構(gòu)講解
index.html, main.ts, app.vue三者關(guān)聯(lián)
public和assets兩個靜態(tài)資源文件的引用方法
public不參與打包assets會被打包
index.html引入外部靜態(tài)文件用<%= BASE_URL %>
子文件里的.gitignore文件是會生效的，里面配置的文件規(guī)則，是相對當(dāng)前.gitingore文件所在位置
README.md只有根目錄下的生效
package.json 作用類似于pom.xml 是一把雙刃劍
eslintrc.js
Vue CLI需要編譯才能發(fā)布
到此這篇關(guān)于利用Vue3 創(chuàng)建Vue CLI 項目的文章就介紹到這了,更多相關(guān)Vue3 創(chuàng)建Vue CLI 項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了vue中checkbox如何修改為圓形樣式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
這篇文章主要介紹了vue.config.js使用代理配置真實請求url方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了使用element upload上傳組件如何去掉刪除按鈕2023-07-07
element的表單校驗證件號規(guī)則及輸入“無”的情況校驗通過(示例代碼)
這篇文章主要介紹了element的表單校驗證件號規(guī)則及輸入“無”的情況校驗通過,使用方法對校驗數(shù)據(jù)進行過濾判斷,本文通過示例代碼給大家介紹的非常詳細,感興趣的朋友一起看看吧2023-11-11
Vue-loader其實就是一個webpack的loader，用來把vue組件轉(zhuǎn)換成可部署的js, html, css模塊，這篇文章主要介紹了Vue-loader使用教程,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了vue 獲取元素額外生成的data-v-xxx操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
Vue 2.0入門基礎(chǔ)知識之內(nèi)部指令詳解
這篇文章主要介紹了Vue 2.0入門基礎(chǔ)知識之內(nèi)部指令知識，非常不錯，具有參考借鑒價值 ,需要的朋友可以參考下2017-10-10
本文給大家?guī)韮煞N方法實現(xiàn)vue2.0 自定義日期時間過濾器，需要的的朋友參考下吧2017-06-06
Nuxt引用cookie-universal-nuxt在服務(wù)端請求cookie方式
這篇文章主要介紹了Nuxt引用cookie-universal-nuxt在服務(wù)端請求cookie方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
vue項目webpack中Npm傳遞參數(shù)配置不同域名接口
這篇文章主要介紹了vue項目webpack中Npm傳遞參數(shù)配置不同域名接口，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06