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