快捷導(dǎo)航

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í)吧

前置條件

請確保已經(jīng)裝好node，并配置好環(huán)境變量

下載地址：

https://nodejs.org/en/download

基礎(chǔ)工程模板搭建

測試環(huán)境變量是否配置成功

查看版本命令

打印出版本號代表配置成功。

初始化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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

Vue簡介、引入、命令式與聲明式編程詳解
原生開發(fā)和Vue開發(fā)的模式和特點(diǎn),我們會發(fā)現(xiàn)是完全不同的,這里其實(shí)涉及到兩種不同的編程范式:命令式編程和聲明式編程,下面這篇文章主要給大家介紹了關(guān)于Vue簡介、引入、命令式與聲明式編程的相關(guān)資料,需要的朋友可以參考下
2022-10-10
Vuejs 組件——props數(shù)據(jù)傳遞的實(shí)例代碼
本篇文章主要介紹了Vuejs 組件——props數(shù)據(jù)傳遞的實(shí)例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
2017-03-03
element-ui 中的table的列隱藏問題解決
這篇文章主要介紹了element-ui 中的table的列隱藏問題解決，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-08-08
Vue + element 實(shí)現(xiàn)多選框組并保存已選id集合的示例代碼
這篇文章主要介紹了Vue + element 實(shí)現(xiàn)多選框組并保存已選id集合,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-06-06
Vue中的scoped實(shí)現(xiàn)原理及穿透方法
這篇文章主要介紹了Vue中的scoped實(shí)現(xiàn)原理及穿透方法,本文通過實(shí)例文字相結(jié)合的形式給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2018-05-05
詳解VScode編輯器vue環(huán)境搭建所遇問題解決方案
這篇文章主要介紹了VScode編輯器vue環(huán)境搭建所遇問題解決方案，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
vue3實(shí)現(xiàn)ai聊天對話框功能
這篇文章主要介紹了vue3實(shí)現(xiàn)ai聊天對話框功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧
2024-12-12
vue 監(jiān)聽屏幕高度的實(shí)例
今天小編就為大家分享一篇vue 監(jiān)聽屏幕高度的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-09-09
前端主流框架vue學(xué)習(xí)筆記第二篇
一步一步學(xué)Vue，這篇文章為大家分享了第二篇前端主流框架vue學(xué)習(xí)筆記，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07
Vue報(bào)錯(cuò)Syntax?Error:TypeError:?this.getOptions?is?not?a?
前幾天在vue運(yùn)行項(xiàng)目過程中報(bào)錯(cuò)了,所以下面這篇文章主要給大家介紹了關(guān)于Vue報(bào)錯(cuò)Syntax?Error:TypeError:?this.getOptions?is?not?a?function的解決方法,需要的朋友可以參考下
2022-07-07