vue3+ts項(xiàng)目搭建的實(shí)現(xiàn)示例
更新時(shí)間：2024年03月26日 09:17:50 作者：蒾酒
這篇文章主要介紹了vue3+ts項(xiàng)目搭建的實(shí)現(xiàn)示例,本文目的在于記錄自己項(xiàng)目框架搭建的過程,通過示例代碼介紹的非常詳細(xì),需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
前置條件
請(qǐng)確保已經(jīng)裝好node，并配置好環(huán)境變量
下載地址：
https://nodejs.org/en/download
基礎(chǔ)工程模板搭建
測(cè)試環(huán)境變量是否配置成功
查看版本命令
打印出版本號(hào)代表配置成功。
初始化vue項(xiàng)目
npm init vue@latest
依次選擇即可。
初始化完畢依次執(zhí)行
1.安裝項(xiàng)目所需依賴
npm install
2.運(yùn)行項(xiàng)目
npm run dev
瀏覽器訪問該地址
此時(shí)我們用VScode打開項(xiàng)目。文件-打開文件夾-選擇新創(chuàng)建的vue項(xiàng)目目錄
安裝常用依賴
vscode打開終端
安裝element-plus（vue最常用組件庫）
npm i element-plus -S
安裝axios（Ajax的封裝）
npm i axios -s
安裝完畢可以看到package.json文件如下內(nèi)容：
基礎(chǔ)項(xiàng)目目錄介紹
下面介紹常用的一些目錄以及文件。
到此這篇關(guān)于vue3+ts項(xiàng)目搭建的實(shí)現(xiàn)示例的文章就介紹到這了,更多相關(guān)vue3 ts項(xiàng)目搭建內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
- 如何搭建一個(gè)完整的Vue3.0+ts的項(xiàng)目步驟
- vite+vue3.0+ts+element-plus快速搭建項(xiàng)目的實(shí)現(xiàn)
- Vue3+script setup+ts+Vite+Volar搭建項(xiàng)目
- 一個(gè)基于vue3+ts+vite項(xiàng)目搭建初探
- 從零搭建一個(gè)vite+vue3+ts規(guī)范基礎(chǔ)項(xiàng)目(搭建過程問題小結(jié))
- Vue3+TS+Vite+NaiveUI搭建一個(gè)項(xiàng)目骨架實(shí)現(xiàn)
- 一步步帶你用vite簡(jiǎn)單搭建ts+vue3全家桶
- 如何使用Vue3+Vite+TS快速搭建一套實(shí)用的腳手架
- 使用Vite搭建vue3+TS項(xiàng)目的實(shí)現(xiàn)步驟
- vue3+ts+vite+electron搭建桌面應(yīng)用的過程
相關(guān)文章
vuejs在解析時(shí)出現(xiàn)閃爍的原因及防止閃爍的方法
這篇文章主要介紹了vuejs在解析時(shí)出現(xiàn)閃爍的原因及防止閃爍的方法,本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-09-09
這篇文章主要介紹了vue3.0安裝Element?ui及矢量圖使用,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-12-12
今天小編就為大家分享一篇vue.js循環(huán)radio的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-11-11
vue2項(xiàng)目解決IE、360瀏覽器兼容問題的辦法
雖然已經(jīng)擯棄ie的使用,但是在現(xiàn)階段還是在某些場(chǎng)景下需要用到ie,這篇文章主要給大家介紹了關(guān)于vue2項(xiàng)目解決IE、360瀏覽器兼容問題的辦法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
這篇文章主要介紹了Vue使用mixin分發(fā)組件的可復(fù)用功能,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-09-09
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)鍵盤輸入支付密碼功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-08-08
Vue結(jié)合openlayers按照經(jīng)緯度坐標(biāo)實(shí)現(xiàn)錨地標(biāo)記及繪制多邊形區(qū)域
OpenLayers是一個(gè)用于開發(fā)WebGIS客戶端的JavaScript包，最初基于BSD許可發(fā)行。OpenLayers是一個(gè)開源的項(xiàng)目，其設(shè)計(jì)之意是為互聯(lián)網(wǎng)客戶端提供強(qiáng)大的地圖展示功能，包括地圖數(shù)據(jù)顯示與相關(guān)操作，并具有靈活的擴(kuò)展機(jī)制2022-09-09
vue自定義指令實(shí)現(xiàn)元素滑動(dòng)移動(dòng)端適配及邊界處理
這篇文章主要為大家介紹了vue自定義指令實(shí)現(xiàn)元素滑動(dòng)移動(dòng)端適配及邊界處理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)購物車案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-05-05
defineProps是Vue3中的一種新的組件數(shù)據(jù)傳遞方式,可以用于在子組件中定義接收哪些父組件的props,這篇文章給大家介紹vue3中defineProps及使用方法詳解,感興趣的朋友跟隨小編一起看看吧2024-03-03