vue3+ts項目搭建的實現(xiàn)示例

更新時間：2024年03月26日 09:17:50 作者：蒾酒

這篇文章主要介紹了vue3+ts項目搭建的實現(xiàn)示例,本文目的在于記錄自己項目框架搭建的過程,通過示例代碼介紹的非常詳細,需要的朋友們下面隨著小編來一起學習學習吧

前置條件

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

下載地址：

https://nodejs.org/en/download

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

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

查看版本命令

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

初始化vue項目

npm init vue@latest

依次選擇即可。

初始化完畢依次執(zhí)行

1.安裝項目所需依賴

npm install

2.運行項目

npm run dev

瀏覽器訪問該地址

此時我們用VScode打開項目。文件-打開文件夾-選擇新創(chuàng)建的vue項目目錄

安裝常用依賴

vscode打開終端

安裝element-plus（vue最常用組件庫）

npm i element-plus -S

安裝axios（Ajax的封裝）

npm i axios -s

安裝完畢可以看到package.json文件如下內(nèi)容：

基礎(chǔ)項目目錄介紹

下面介紹常用的一些目錄以及文件。

到此這篇關(guān)于vue3+ts項目搭建的實現(xiàn)示例的文章就介紹到這了,更多相關(guān)vue3 ts項目搭建內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

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