vue3+vite安装步骤

最新推荐文章于 2025-05-21 16:58:37 发布
原创 最新推荐文章于 2025-05-21 16:58:37 发布 · 880 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #npm

安装Vue3的脚手架可以通过npm或yarn，具体步骤包括：运行npminstallvue-g，选择vue3+vite模板。对于npm版本，6.x用户使用npmcreatevite@latestmy-vue-app--templatevue，7+用户则使用npmcreatevite@latestmy-vue-app----templatevue。接着安装依赖包，运行npminstall或yarninstall，最后用npmrundev启动项目。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

安装vue3脚手架

npm install vue -g

vue3+vite

注意npm版本

npm 6.x npm create vite@latest my-vue-app --template vue
npm 7+ npm create vite@latest my-vue-app – --template vue

在这里插入图片描述
然后npm install / yarn install安装依赖包
npm run dev启动

王道吉
关注
vite 脚手架搭建 vue3 项目
jiangjunyuan168的博客
01-30 2536
步骤： 1、win+r，输入 cmd 进入命令提示符窗口 2、cd 到项目需要存放的目录 3、进入目录后，使用以下命令搭建项目（这里以npm为例）...
基于 Vue3 + Vite + TS 的移动端 rem 适配技术详解
12-09
具体步骤包括安装必要的插件（如 postcss-pxtorem 和 amfe-flexible），配置 vite.config.ts 文件以支持 px 到 rem 转换，以及安装和配置 Vant UI 组件库。特别关注了如何处理 Vant 组件内的固定宽度属性，通过 ...
安装配置vue3+vite
热门推荐
weixin_44523517的博客
04-24 1万+
安装配置vue3+vite
vite 搭建vue3 TS项目初始框架
xhc6666的博客
01-07 2720
使用 vite 搭建 vue3 的项目模板，使用TS语法
【Vite】入门教程（基于 Vue 3）——从安装到实战，附带面试题
最新发布
silverclayz的技术分享
05-21 1382
一文快速掌握前端vue3的构建工具vite
vue3和vite安装
TheSpiritIsHeart的博客
07-18 1753
安装
vue3+vite+js 安装
半梅芒果干的博客
04-30 1097
首先需要node版本高于V16.14.1。
vue3以及vite的安装
weixin_41415820的博客
09-06 546
1.安装vite npminstall-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
vue3 + vite 安装配置及项目创建
技术btbysj的博客
06-20 1734
vue3 + vite 安装配置及项目创建详细过程进行介绍，是初学者最佳入门教程
vue3+vite创建项目-（傻瓜式教程）
01-19
Vue3 + Vite 创建项目教程 Vue.js 是一个流行的前端框架，它的最新版本Vue3引入了...通过以上步骤，你已经学会了如何从零开始创建一个Vue3项目，并使用Vue3和Vite的优势进行开发。祝你在Vue3的开发旅程中一切顺利！
datav Vue3+TS+Vite版.zip
04-02
标题 "datav Vue3+TS+Vite版.zip" 暗示了这是一个基于Vue3、TypeScript（TS）和Vite构建的数据可视化项目。这个压缩包可能包含了用于开发数据展示应用的所有源代码和配置文件。让我们深入了解一下这些技术及其在项目...
vue3+vite 组件打包
04-16
Vue3 和 Vite 的组件打包是一项关键的前端开发任务，它涉及到现代Web应用程序的构建流程。Vue3 是 Vue.js 框架的最新版本，带来...通过以上步骤，我们可以创建并打包Vue3组件，利用Vite的高效特性实现快速开发和部署。
项目技术栈：Vue3 + JavaScript + Vite4.zip
04-03
Vue3 + JavaScript + Vite4 是现代Web开发中一套强大的技术组合，用于构建高效、可维护的前端应用。Vue3是Vue.js框架的最新版本，它带来了许多性能优化和功能改进，JavaScript作为广泛使用的客户端脚本语言，为前端...
vite 安装 vue3.0
江湖行骗老中医
07-17 3136
npmlink后，会把当前的包安装到全局\AppData\Roaming\npm下，同时也会生成bin中的指令，在\AppData\Roaming\npm当前包是以快捷方式的形式直接访问的，所以修改的时候，全局也会跟着修改。比较适合开发的时候。如果公司有条件搭建了属于公司自己的私库，我们可以学习create-vite-app的做法，创建以create-开头的包，并上传到私库，然后全局安装也好，npminit/npx也好，就可以像create-vite-app一样，直接调用bin中的指令执行。...
Vue3+Vite项目从零搭建+安装依赖+配置按需导入
qq_46574748的博客
08-14 6797
在项目的 src 目录下新建一个 router 目录，然后在 router 目录下新建一个 index.js 文件，该文件会作为 Vue Router 的入口文件，该文件内容如下。在项目的 src 目录下新建一个 store 目录，然后在 store 目录下新建一个 index.ts 文件，该文件会作为 Pinia 的入口文件。一般情况下，一个环境对应一台服务器，也有的公司开发与测试环境是一台服务器！顾名思义，开发使用的环境，每位开发人员在自己的dev分支上干活，开发到一定程度，同事会合并代码，进行联调。
vue3+vite
weixin_45086164的博客
03-09 1299
vue3+vite
vite构建vue3项目
qq_53436617的博客
06-28 334
---------- 使用create-vue搭框架(可选router和pinia) ------------------------- 使用vite搭框架(没有router和pinia) -------------------------- 组件库element-plus ---------------------- 预处理器 Sass ---------------------- 配路由 ------------------------- 配代理 -------------
vue3+vite安装项目
第⑦个前端
01-29 349
vue3 + vite 安装项目
基于 Vite 搭建Vue3项目
qq_71849595的博客
11-17 2371
vue3 + Vite + Antd + Scss + Pinia 搭建项目
vue3 + vite + elementPlus 步骤
07-28
首先，确保你已经安装了 Node.js 和 npm。 接下来，按照以下步骤进行 Vue 3、Vite 和 Element Plus 的安装和配置： 1. 创建一个新的 Vue 3 项目： ``` npm init vite@latest ``` 在选择模板时，选择 `vue`。 2. 进入项目目录： ``` cd your-project-name ``` 3. 安装依赖： ``` npm install ``` 4. 安装 Element Plus： ``` npm install element-plus ``` 5. 在 `main.js` 文件中引入 Element Plus 的样式和组件： ```javascript import { createApp } from &#39;vue&#39; import ElementPlus from &#39;element-plus&#39; import &#39;element-plus/lib/theme-chalk/index.css&#39; import App from &#39;./App.vue&#39; createApp(App) .use(ElementPlus) .mount(&#39;#app&#39;) ``` 6. 在 `App.vue` 文件中使用 Element Plus 的组件，例如： ```vue <template> <div> <el-button type="primary">Element Plus Button</el-button> </div> </template> <script> export default { name: &#39;App&#39;, } </script> ``` 7. 运行项目： ``` npm run dev ``` 现在，你的 Vue 3 + Vite + Element Plus 项目应该已经配置完成了。你可以根据需要继续开发和定制化你的应用程序。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值