创建 Vue3 项目

最新推荐文章于 2024-03-28 09:19:52 发布
最新推荐文章于 2024-03-28 09:19:52 发布
阅读量114 收藏
点赞数
分类专栏： vue3+TS 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45137240/article/details/131041956
版权

一、Vue 的发展历程

  • 2014 年，Vue1.0 诞生；
  • 2016 年，Vue2.0 诞生；
  • 2020 年 09 月，Vue3.0 发布。

二、项目构建工具

我们要创建 Vue3 的项目，有两个项目构建工具可选：

  1. Vue CLI 脚手架工具（基于 webpack）
  2. Vite（推荐）

三、Vite 构建 Vue3 项目

1、创建项目

yarn create vite vue3-ts-demo --template vue-ts

2、下载依赖

yarn

3、启动项目

yarn dev

四、VSCode 插件安装

image-20221215225727963

五、VSCode所有插件

VSCode所有插件

zhuxx。
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue3创建项目方式及步骤
m0_57469571的博客
05-03 1950
Vue3创建项目方式及步骤
新建vue3项目
qq_40981804的博客
12-17 1319
src文件夹是核心源代码的所在目录，展开后如下所示（不同版本的vue-cli生成的目录会稍有不同，不过核心都是一样的），正常开发的时候一般只修改​ src​ 文件夹下的文件。│　　　├──　​​router 目录 ​：用来存放 ​index.js​，用来配置路由，定义各个页面对应的URL。│　　　├── main.js​：是项目的入口文件，初始化 vue 实例，并引入所需要的插件。│　　　├──​ app.vue：是项目的主组件，所有页面都是在该组件下进行切换的。
新手创建一个vue3项目
weixin_44780502的博客
03-22 389
推荐装nvm 管理nodenvm安装步骤详见我其他分享附上常用 ai地址。
手把手教你创建vue3项目的三种方式
qq_44741577的博客
01-29 1911
手把手教你创建vue3项目的最佳方式。
vue3初始搭建项目完整教程 vue3 + vite + element-ui + axios
csdn_8023的博客
04-08 5422
搭建vue3+vite+element项目基础框架构建
Vue Cli3 创建项目的方法步骤
10-17
Vue CLI是一个用于快速Vue.js开发的完整系统。这篇文章主要介绍了Vue Cli3 创建项目的方法步骤，非常具有实用价值，需要的朋友可以参考下
通过脚手架Vite创建Vue 3项目（主页分栏：Web实验练习）
01-20
（Web实验练习）通过脚手架Vite创建Vue 3项目【实验二】
Vue3创建项目1
08-08
Vue3创建项目avi4Cd ——文件夹创建文件夹yyfWEB——cmd——vue create yyf-web——是否选择淘宝镜像源Y——选择第三个手动创建
vue3+typescript创建的简单项目
11-24
1.vue3+typescript创建的简单项目； 2.使用vue-cli创建项目； 3.使用了vue-router； 4.实现了登录、商品管理、用户管理、角色管理、权限修改等简单、基础通用功能； 5.通过此项目可以学会typescript的简单应用方式；...
通过命令行创建vue项目的方法
08-29
主要介绍了通过命令创建vue项目的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue3创建项目
weixin_51188380的博客
04-16 198
它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。vue3不支持以 Vue.prototype的方式绑定全局变量,只能以app.config.globalProperties.$http在全局绑定。这里是放你要请求的接口url、请求方式post/get、传参data最后通过export default方式抛出在页面上调用！抛出基础请求方式、基础前缀、请求头信息、参数、超时时间、凭证、后端接口返回数据类型！发送请求中，配置请求的根路径。
vue3创建项目、基础知识
halo1416的博客
04-02 2654
Vue3的基础概念 一、创建vue3的项目（基于脚手架） // 前提：将vue-cli 升级到4.x 的版本 vue create my-app-ts // 使用ts npm install typescript ts-node -g 生成时操作如下: 二、vue3.0 部分写法改变 后面补充 createStore => useStore createRouter => useRouter vue所有api 的入口：setup vue3里面没有mapState 原因：mapState 是
使用Vue3搭建一个完整项目
weixin_42689830的博客
07-13 512
npm install express -g -g是全局安装的意思（会下载到C:\Tools\web\Nodejs\node_global\node_modules目录），不加 -g 就是默认下载到当前目录。npm config set prefix " C:\Tools\web\Nodejs\node_global" ---->仓库。npm config set cache " C:\Tools\web\Nodejs\node_cache" —>缓存。安装好后再cmd中输入。
【03Vue3 创建项目教程】Vue3 创建项目及开发指南
燃正科技
06-08 5410
例如，你可以选择默认配置，其中包含了常用的插件和工具，也可以选择手动配置，根据自己的需求进行设置。你还可以使用预设模板，这些模板可以帮助你快速搭建特定类型的项目，如移动端应用或者使用 TypeScript 的项目。首先，确保你的计算机上已安装最新版本的 Node.js。通过按照以上步骤，你已经学会了如何创建一个 Vue3 项目，并在本地开发服务器上进行预览。现在你已经成功创建了一个 Vue3 项目，并运行在本地开发服务器上。这将启动 Vue CLI 的项目创建向导，你可以根据提示进行选择。
Vue3超详细教程
m0_73939789的博客
08-25 3293
其中有许多重复的代码。侦听一个或者多个数据的变化，数据变化时执行回调函数，俩个额外参数 immediate控制立刻执行，deep开启深度侦听。通过watch监听的ref对象默认是浅层侦听的，直接修改嵌套的对象属性不会触发回调执行，需要开启deep。如果我们要定义组件的 name 或其他自定义的属性，还是得回到最原始的用法——再添加一个普通的。在setup函数中写的数据和方法需要在末尾以对象的方式return，才能给模版使用。顶层组件可以向底层组件传递方法，底层组件调用方法修改顶层组件的数据。
「Vue3系列」Vue3起步/创建项目
日常笔记/总结/系列知识梳理
03-02 1046
你可以选择默认配置（Default）来快速创建一个项目，或者手动选择特性（Manually select features）来定制你的项目。Vue CLI 是一个强大的工具，它可以帮助你快速搭建 Vue.js 项目，并且内置了对 Vue Router、Vuex、CSS 预处理器、PWA 支持、单元测试等的集成。命令是 Vue CLI 中的一个重要命令，用于创建新的 Vue.js 项目。这将创建一个优化过的、用于生产环境的版本在你的项目目录下的。这个命令将直接为你创建一个使用 Vue 3 的项目。
教你三分钟搭建vue3项目
fanjianwucmx的博客
11-17 179
搭建vue3项目
vue3-创建一个vue3项目
最新发布
杰儿__er 的博客
03-28 1123
注意：如果已经安装，未显示，可能是没配置。
npm创建vue3项目
08-16
要使用 npm 创建 Vue 3 项目，你需要先安装 Node.js 和 npm。安装完成后，可以按照以下步骤创建 Vue 3 项目： 1. 打开命令行终端并进入你想要创建项目的目录。 2. 运行以下命令来创建一个新的 Vue 3 项目： ``` ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值