vue3+ts项目搭建的实现示例

 更新时间:2024年03月26日 09:17:50   作者:蒾酒  
这篇文章主要介绍了vue3+ts项目搭建的实现示例,本文目的在于记录自己项目框架搭建的过程,通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧

前置条件

请确保已经装好node,并配置好环境变量

下载地址:

https://nodejs.org/en/download

基础工程模板搭建 

测试环境变量是否配置成功

查看版本命令

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

初始化vue项目

npm init vue@latest

依次选择即可。

初始化完毕依次执行

1.安装项目所需依赖

npm install

2.运行项目

npm run dev

浏览器访问该地址

此时我们用VScode打开项目。文件-打开文件夹-选择新创建的vue项目目录

安装常用依赖

vscode打开终端

安装element-plus(vue最常用组件库)

npm i element-plus -S

安装axios(Ajax的封装)

npm i axios -s 

 安装完毕可以看到package.json文件如下内容:

基础项目目录介绍

下面介绍常用的一些目录以及文件。

到此这篇关于vue3+ts项目搭建的实现示例的文章就介绍到这了,更多相关vue3 ts项目搭建内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家! 

相关文章

  • vuejs在解析时出现闪烁的原因及防止闪烁的方法

    vuejs在解析时出现闪烁的原因及防止闪烁的方法

    这篇文章主要介绍了vuejs在解析时出现闪烁的原因及防止闪烁的方法,本文介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-09-09
  • vue3.0安装Element ui及矢量图使用方式

    vue3.0安装Element ui及矢量图使用方式

    这篇文章主要介绍了vue3.0安装Element ui及矢量图使用,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-12-12
  • vue.js循环radio的实例

    vue.js循环radio的实例

    今天小编就为大家分享一篇vue.js循环radio的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • vue2项目解决IE、360浏览器兼容问题的办法

    vue2项目解决IE、360浏览器兼容问题的办法

    虽然已经摈弃ie的使用,但是在现阶段还是在某些场景下需要用到ie,这篇文章主要给大家介绍了关于vue2项目解决IE、360浏览器兼容问题的办法,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-09-09
  • Vue使用mixin分发组件的可复用功能

    Vue使用mixin分发组件的可复用功能

    这篇文章主要介绍了Vue使用mixin分发组件的可复用功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-09
  • vue实现键盘输入支付密码功能

    vue实现键盘输入支付密码功能

    这篇文章主要为大家详细介绍了vue实现键盘输入支付密码功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • Vue结合openlayers按照经纬度坐标实现锚地标记及绘制多边形区域

    Vue结合openlayers按照经纬度坐标实现锚地标记及绘制多边形区域

    OpenLayers是一个用于开发WebGIS客户端的JavaScript包,最初基于BSD许可发行。OpenLayers是一个开源的项目,其设计之意是为互联网客户端提供强大的地图展示功能,包括地图数据显示与相关操作,并具有灵活的扩展机制
    2022-09-09
  • vue自定义指令实现元素滑动移动端适配及边界处理

    vue自定义指令实现元素滑动移动端适配及边界处理

    这篇文章主要为大家介绍了vue自定义指令实现元素滑动移动端适配及边界处理详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • vue实现购物车案例

    vue实现购物车案例

    这篇文章主要为大家详细介绍了vue实现购物车案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • vue3中defineProps及使用方法详解

    vue3中defineProps及使用方法详解

    defineProps是Vue3中的一种新的组件数据传递方式,可以用于在子组件中定义接收哪些父组件的props,这篇文章给大家介绍vue3中defineProps及使用方法详解,感兴趣的朋友跟随小编一起看看吧
    2024-03-03

最新评论