vue3+typescript 创建项目

已于 2023-04-13 10:45:28 修改
阅读量139 收藏
点赞数
文章标签： typescript vue.js
于 2023-04-13 10:43:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43983277/article/details/130124889
版权

首先安装node 官方下载安装
安装完成之后查看安装情况

node -v
npm -v

img

vue3.0 安装

npm i -g @vue/cli
vue -V
vue create 项目名称

img

安装typescript
进入到项目
cd 项目目录
vue add typescript

cd 项目目录
vue add typescript

img

TypeScript应用的差异
相比于JavaScript的应用而言，TypeScript的应用的目录结构如下。

img
l 多了TypeScript语言的配置文件tsconfig.json

l package.json和package-lock.json中多了对TypeScript等依赖的描述

l main.js改为了main.ts

l 多了shims-vue.d.ts文件

l 所有在Vue组件中使用JavaScript的地方，都改为了TypeScript

img

weixin_43983277
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
超级简单的Vue使用typescript教程
05-02
Vue.js 是一个用于构建用户界面的渐进式JavaScript框架，而 TypeScript 是 JavaScript 的一个超集，它添加了类型系统和对ES6+新特性的支持。使用 Vue 与 TypeScript 可以让你享受到两者的优势，下面是一份超级简单的 Vue 使用 TypeScript 的教程： 1. 环境准备 确保你已经安装了 Node.js 和 npm（或 yarn）。然后安装 Vue CLI： npm install -g @vue/cli # 或者 yarn global add @vue/cli 2. 创建 Vue 项目 使用 Vue CLI 创建一个新的 Vue 项目，并选择 TypeScript 模板： vue create your-project-name 在创建过程中，选择 Manually select features，然后勾选 TypeScript。
使用Vue3+typeScript搭建项目
胡小帅的博客
08-10 714
Vue3和typeScript创建项目
快速构建Vue3+TypeScript项目
weixin_43274097的博客
05-17 549
快速构建vue3、ts、vite项目
【Vue3+TypeScript】---搭建项目开发环境
贤蛋大眼萌
07-19 892
多一些不为什么的坚持🤳这里是大眼(◉ɷ◉)萌–贤蛋🥚，一名很普通但不想普通的程序媛🙊。
Vue3+TypeScript + vuex + vue-router 项目创建
qq_22841387的博客
02-01 1484
一、安装Node.js 可参考这篇文章安装Node.js_qq_22841387的博客-CSDN博客，这里就不细讲了 安装完成的可跳过此步骤（本地曾经跑过vue2.x的也可以跳过） 二、卸载旧版本（安装过vue2的） 1.查看vue版本 vue -v 2.卸载旧版本 npm uninstall vue-cli -g 3.安装新版本 npm install -g @vue/cli 等待……大约3-4分钟左右 出现下图，安装成功 4.查看当前版本 vue -V 安装vue-cl
如何搭建 Vue3 + TypeScript 开发框架
飞扬_柳絮的专栏
03-24 665
一、新建项目 1、vue create vue3_ts 【保证 vue-cli 的版本在V4.5.4以上《查看版本 vue -V》，此时才有创建Vue3的选项】 $ vue create v3_ts ? Please pick a preset: (Use arrow keys) //请选择预选项 > Default ([Vue 2] babel, eslint) //使用Vue2默认模板进行创建 Default (Vue 3 Pr.
vue3+typescript创建的简单项目
11-24
1.vue3+typescript创建的简单项目； 2.使用vue-cli创建项目； 3.使用了vue-router； 4.实现了登录、商品管理、用户管理、角色管理、权限修改等简单、基础通用功能； 5.通过此项目可以学会typescript的简单应用方式；...
个Vite+Vue3+TypeScript+Cesium.js集成模板是一个开箱即用的项目模板
04-01
这个Vite+Vue3+TypeScript+Cesium.js集成模板是一个开箱即用的项目模板，旨在帮助开发者快速搭建基于Cesium.js的Vue3应用程序。该模板使用了最新的Vite构建工具和Vue3框架，并集成了TypeScript和Cesium.js技术栈。 ...
使用Vue3+TypeScript创建的后台管理系统项目.zip
01-04
Vue3，springboot，element-ui使用技巧，实战应用开发小系统参考资料，源码参考。 详细介绍了一些Qt框架的各种功能和模块，以及如何使用Qt进行GUI开发、网络编程和跨平台应用开发等。 适用于初学者和有经验的开发者...
创建vue+element+typescript步骤
08-09
创建vue+element+typescript项目步骤 还有vue-video-player视频播放插件引入步骤亲测·可用
使用vue-cli3+typescript的项目模板创建工程的教程
10-15
主要介绍了使用vue-cli3+typescript的项目模板创建工程,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
Vite+Typescript+Vue3项目搭建
weixin_59685936的博客
01-25 693
Vite+Typescript+Vue3+VueX+axios+router4 项目搭建
vue项目增加typeScript
qq_35876316的博客
05-29 1113
https://blog.csdn.net/cream66/article/details/105507586?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-7.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-7.nonecase
vue3.0添加typescript
weixin_44647098的博客
01-30 343
vue3.0添加typescript。 Error: Cannot find module '@vue/cli-service/generator/template/src/App.vue'
vue增加typescript支持
weixin_46364251的博客
08-06 900
1、用vue-cli创建项目 参考网址：https://www.cnblogs.com/l-y-h/p/11241503.html 2、在根目录下增加tsconfig.ts文件 在根目录下增加shims-vue.d.ts文件 配置参数参考：https://juejin.im/post/6844903967999131662 3、下载typescript依赖包 npm i ts-loader typescript tslint tslint-loader tslint-config-standard --sa
vue3.0加上Typescript
enhengcys的博客
11-25 3756
vue3.0加上Typescript 1、使用npm或者yarn进行vue项目的搭建 //创建项目 vue create test cd test //下载依赖 npm install axios //或者 yarn add axios //启动项目 npm run serve //或者 yarn serve //项目打包 npm run build //或者 yarn build 创建好项目之后，使用vue3.0的特性进行项目构建，vue3.0中引入了一个setup()函数进行统一管理vue的data、
详解如何搭建vue3+TypeScript+配置项目统一规范
W_Zhulin的博客
05-02 2469
1.首先创建项目，创建命令： vue create 项目名 2、接下来选择手动配置项目特性 3、选择项目中的一些配置：这里可根据自己的项目按需选择，以下是我的项目配置 (*) Choose Vue version 选择对应的vue版本，下一步中会进行选择 (*) Babel 是否需要Babel,勾选上 (*) TypeScript 是否配置TypeScript () Progressive Web App (PWA) Support (*) Router 配置vue路由 (...
Vue3+TypeScript+vite创建项目步骤
m0_62198921的博客
02-18 842
安装vue3最新版本的vue-cli 卸掉旧版 npm uninstall vue-cli -g yarn global remove vue-cli 安装新版本 @vue/cli npm install -g @vue/cli 或 yarn global add @vue/cli 检查vue版本号 vue -V vue3项目搭建 有两种，分别是常用的vue脚手架和vite脚手架 vite脚手架 创建命令 npm init vite-app 项目名 //或者 yarn create
Vue3 + TypeScript 项目经验
最新发布
02-20
1. 项目初始化：使用Vue CLI创建一个Vue3项目，并选择TypeScript作为项目的语言。这样可以自动生成一些基本的配置和文件结构，方便快速开始开发。 2. 类型定义：在Vue3 + TypeScript项目中，可以使用TypeScript的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值