vue3以及vite的安装

最新推荐文章于 2024-10-04 00:18:00 发布
最新推荐文章于 2024-10-04 00:18:00 发布
阅读量496 收藏 1
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41415820/article/details/120139445
版权
这篇博客介绍了如何利用npm全局安装Vite，创建Vue3项目，并通过Vite提供的命令安装依赖并启动开发服务器。步骤包括：安装create-vite-app，创建项目，进入项目目录安装依赖，最后启动项目进行开发。所需node.js版本为v12.17.0。
摘要由CSDN通过智能技术生成

1.安装vite

npm install -g create-vite-app

2.利用Vite创建Vue3项目

create-vite-app projectName

3.安装依赖运行项目

cd projectName
npm install
npm run dev

4. node.js版本号

v12.17.0

weixin_41415820
关注
vue3+vite+ElementPlus安装和使用
weixin_45621877的博客
02-03 1372
vue3
vue3+vite创建项目-（傻瓜式教程）
01-19
Vue3 + Vite 创建项目教程 Vue.js 是一个流行的前端框架，它的最新版本Vue3引入了许多新特性，如Composition API、Suspense、Teleport等，提供了更好的性能和更灵活的开发体验。Vite是由Vue.js作者尤雨溪开发的一款...
安装配置vue3+vite
热门推荐
weixin_44523517的博客
04-24 1万+
安装配置vue3+vite
记录下我是怎么从零开始搭建vite+vue环境的
最新发布
兔兔再可爱下去世界就会毁灭的
10-04 1854
用自己的经历告诉大家我自己是怎么用npm来安装vite和vue的
vue3和vite安装
TheSpiritIsHeart的博客
07-18 1677
安装
vue3 + vite 安装配置及项目创建
技术btbysj的博客
06-20 1131
vue3 + vite 安装配置及项目创建详细过程进行介绍，是初学者最佳入门教程
vue3+vite安装步骤
qq_41314448的博客
05-23 736
vue3+vite安装步骤
Vue3+Vite项目从零搭建+安装依赖+配置按需导入
qq_46574748的博客
08-14 4173
在项目的 src 目录下新建一个 router 目录，然后在 router 目录下新建一个 index.js 文件，该文件会作为 Vue Router 的入口文件，该文件内容如下。在项目的 src 目录下新建一个 store 目录，然后在 store 目录下新建一个 index.ts 文件，该文件会作为 Pinia 的入口文件。一般情况下，一个环境对应一台服务器，也有的公司开发与测试环境是一台服务器！顾名思义，开发使用的环境，每位开发人员在自己的dev分支上干活，开发到一定程度，同事会合并代码，进行联调。
vue3+vite+qiankun+monorepo框架
08-03
vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+...
vue3+vite 组件打包
04-16
1. **安装依赖**：首先，确保项目已安装Vue3 和 Vite，以及必要的构建工具，如rollup或webpack。 2. **创建组件**：在`src/components`目录下创建Vue3组件，每个组件包含模板、脚本和样式。 3. **配置Vite**：在`...
基于Vue3+Vite的商品管理系统可视化页面源码.zip
08-21
基于Vue3+Vite的商品管理系统可视化页面源码.zip基于Vue3+Vite的商品管理系统可视化页面源码.zip基于Vue3+Vite的商品管理系统可视化页面源码.zip基于Vue3+Vite的商品管理系统可视化页面源码.zip基于Vue3+Vite的商品...
vue3 + vite5 + typescript + element-plus 构建的后台管理前端模板的 vue3 版本
04-02
在这个 Vue3 版本中，开发者可以享受到 Vue3 的所有改进，同时利用 Vite5 的快速构建优势，以及 Element-Plus 提供的现代 UI 设计。 "vue3-element-admin_master.zip" 文件很可能是这个项目的源代码压缩包，解压后...
vue3+vite+js 安装
半梅芒果干的博客
04-30 877
首先需要node版本高于V16.14.1。
vue3.0 vite安装
知其白，守其黑；和其光，同其尘。
03-09 1076
vue3.0 vite安装 安装 Vite npm install -g create-vite-app 利用 Vite 安装 Vue3.0 项目 create-vite-app projectName 安装依赖运行项目 cd projectName //进入工程项目文件夹 npm install //安装项目依赖 npm run dev //运行项目 ...
VUE3（一）安装+使用vite创建一个项目
camellia的博客
02-08 3783
VUE3.0第一篇。主要还是看一看官方的手册，做一个笔记。 官方文档网址： https://www.vue3js.cn/docs/zh/guide/introduction.html 这里看一下vue3.0的安装以及创建第一个项目。 官方对js包管理为我们提供了两个选择，npm和yarn。我这里比较倾向使用yarn。 关于yarn的介绍，请移步《js包管理工具yarn》 一：安装vue3.0 yarn global add @vue/cli@next 安装成功如下图所示： 二：创建项目 1：创建一个名为
使用 Vite 构建 Vue 3项目
weixin_58431406的博客
06-23 1695
Vite是一种新型前端构建工具，能够显著提升前端开发体验，
vite构建vue3项目
qq_53436617的博客
06-28 298
---------- 使用create-vue搭框架(可选router和pinia) ------------------------- 使用vite搭框架(没有router和pinia) -------------------------- 组件库element-plus ---------------------- 预处理器 Sass ---------------------- 配路由 ------------------------- 配代理 -------------
VUE_如何使用vite创建vue项目
小歪博客
12-04 1107
安装Vite npm install -g create-vite-app 利用vite创建vue3项目 create-vite-app projectName 安装依赖运行项目 cd projectName npm install npm run dev vue3.0兼容vue2.x
vue3+vite
weixin_45086164的博客
03-09 1149
vue3+vite
vue3 安装vite
09-14
安装Vue3和Vite的步骤如下： 1. 确保已经安装了Node.js。你可以在官网https://nodejs.org/上下载最新版本的Node.js，并推荐安装LTS版本。 2. 打开命令行或终端，运行以下命令来全局安装Vite： ```shell cnpm install -g create-vite ``` 3. 创建一个新项目。在命令行中运行以下命令，将 "my-vue3-vite-project" 替换为你想要的项目名称： ```shell create-vite my-vue3-vite-project --template vue ``` 4. 切换到项目目录： ```shell cd my-vue3-vite-project ``` 5. 安装项目依赖： ```shell cnpm install ``` 现在，你已经成功创建了一个Vue 3和Vite的项目。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值