Vite快速搭建Vue3.0项目

最新推荐文章于 2024-07-25 11:05:39 发布

Mr.yi999

最新推荐文章于 2024-07-25 11:05:39 发布

阅读量1k

点赞数 2

分类专栏： vue3.0快速创建项目 Vite快速搭建项目文章标签： vue

本文链接：https://blog.csdn.net/qq_45144924/article/details/112311062

版权

vue3.0快速创建项目同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

Vite快速搭建项目

1 篇文章 0 订阅

订阅专栏

Holle，大家好，最近发现Vue3.0版本都正式发布，然后去学习了一下，发现确实有很多和Vue2.0不一样的东西，下面呢，是Vue3.0推出的一个快速创建项目的管理工具——Vite！

#全局安装#

npm install -g create-vite-app

进入想要创建项目的目录下新建

create-vite-app yourProjectName

进入新建的项目下安装相关依赖并运行

在这里插入图片描述

到这步项目就创建完成了，有没有发现创建项目特别快，比webpack快很多，当然啦，项目里后期需要什么东西需要自己在下载才能用。

都看到这里了，如果帮到了你，千万别吝啬你的好评和爱心哟！又是充实的一天，加油，打工人

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Mr.yi999

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vite 快速搭建 Vue3.0项目（一）

yuanbotao219的博客

02-20

634

vue3.0项目快速搭建

Vite2+Vue3学习笔记（一）：Vue3.0项目搭建及配置过程

老司机的后备箱

08-19

619

主题 | Element Plus/* 只需要重写你需要的即可 */);// 如果只是按需导入，则可以忽略以下内容。// 如果你想导入所有样式:【必需】注意：一定要在element-plus的index.css后面引入，否则自定义样式文件不会生效。// 引入Element Plus// 引入自定义样式文件。

参与评论您还未登录，请先登录后发表或查看评论

vue3.0 搭建项目总结(详细步骤)

10-16

主要介绍了vue3.0 搭建项目总结(详细步骤),文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

vue3.0项目搭建全过程

qq_35776479的博客

04-28

4835

vue3.0项目搭建

vue3创建vite项目

最新发布

qq_19688207的博客

07-25

1222

命令行创建：npm create vite@latest vue3-tdly-demo -- --template vue。src文件夹下创建router文件夹，并在该文件夹下创建index.js文件，官网：https://www.axios-http.cn/docs/intro。命令行：npm install vue-router@4 --save。命令行：npm install element-plus --save。官网：https://element-plus.org/zh-CN/

vue3.0搭建项目

String12的博客

06-24

204

vue3.0项目的搭建

qq_45079530的博客

01-05

1056

vue3.0项目的搭建

VUE 3.0 项目搭建

M的博客

11-02

685

这篇文章主要介绍下vue-cli3.0项目搭建，项目结构和配置等整理一下，分享给大家。一、介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件： CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令） CLI 服务：@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-server 之上（提供如：serve、build 和 ins

Vue3.0+typescript+Vite+Pinia+Element-plus搭建vue3框架！

qq_33546296的博客

06-03

973

/ 此处的id很重要name: ''}),getters: {},},actions: {},// 登录// 调用接口，做逻辑处理})setup() {// $patch 修改 store 中的数据name: '名称被修改了,nameLength也改变了'})return {userStore,updateName},})

vue3.0+vite+typescript项目架构搭建

stars的博客

01-26

2530

vue3.0 + vite + typescript + Ant Design Vue + router4beta + vuex4beta 架构搭建项目准备工作 1、安装脚手架工具，用的 Vue CLI v4.5 作为 @vue/cli@next。全局重新安装最新版本的 @vue/cli： yarn global add @vue/cli@next # OR npm install -g @vue/cli@next 2、Vite Vite是一个 ...

vue3-element-admin::party_popper: 基于 vite 2.0 + vue 3.0 + vue-router 4.0 + vuex 4.0 + element-plus 的后台管理系统vue3-element-admin

08-04

:party_popper: 基于 Vite 2.0 + Vue3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus 的后台管理系统简介是一个后台前端解决方案，它基于和实现。使用了最新的前端技术栈，提供最基础的框架模型，可以帮助你...

Vue3.0项目搭建

Anony_me的博客

11-30

443

Vue3.0项目搭建新建文件夹，在文件夹路径中，cmd进入命令窗口 1.查看node.js版本号，输入node -v回车，没有安装的话参考node.js官网https://nodejs.org/zh-cn/download/ 2. 查看vue-cli版本号,输入vue -V回车，没有安装vue-cli的话进行安装cnpm i -g @vue/cli，如果之前安装过vue-cli，你需要把2.0相关的删除cnpm uni -g vue-cli 3. 新建项目名称，vue create 项目名称直接回车

使用Vite构建工具快速创建Vue项目

TANKING，开源开发者！

06-06

258

更高效，更快速，更省心的构建vue项目的方法

vite搭建项目

qq_41910359的博客

06-12

2353

使用vite搭建vue3项目

Vite创建Vue3.0项目

gaoxugen的博客

07-16

121

1. 全局安装create-vite-app npm i -g create-vite-app 2.创建项目目录 create-vite-app 项目名 3.进入创建的显目（进入文件夹） cd 项目名 4.安装依赖 npm install 5.运行 npm run dev 6.点击进入本地服务器地址链接 http://localhost:3000/ ...

vite搭建完整项目

热门推荐

H524268015wsw的博客

06-05

1万+

（4）cd + 项目名称进入 npm install初始化，简写（npm i）最后 npm run dev。（2）在src/assets文件夹下新建，scss文件夹(文件名称随意)，在文件夹下新建main.scss文件。（1）点击链接进入，选择使用安装命令。（2）输入命令后，回车，输入项目名称，昵称随意，我这里用的是 viteprojects，回车。（1）点击上方网址，进入vite官网，选择一个命令安装方式。（3）在vite.config.js文件中添加配置。（1）在项目终端中输入面的命令。

使用vue-cli 3搭建一个项目

指尖下的精灵

05-11

2976

node版本官方建议，node.js的版本，需要是8.9或者以上（建议是8.11.0+）更新vue cli npm install -g @vue/cli 创建项目 vue3.x同样支持这种方式： vue init webpack project-name 我们用最新的创建方式： 1.vue create projectName 这里推荐选择第二个，第一个默认没有 router 和 vuex...

vite创建vue3.0项目

weixin_45779114的博客

01-14

1273

1.全局安装 npm i -g create-vite-app 2. 创建项目使用npm init @vitejs/app 或者 yarn create @vitejs/app 依次按步骤选择 vue ，再设置项目名称此时就完成项目的创建 3. 运行项目执行npm i 或 yarn 安装依赖包完成之后执行 npm run dev 运行项目这时就可以写vue3.0 代码 ...

怎么创建vite+vue3.0项目

05-20

创建 Vite + Vue3.0 项目可以按照以下步骤进行： 1. 首先确保你已经安装了 Node.js 和 npm 的最新版本，可以在命令行中运行以下命令检查版本： ``` node -v npm -v ``` 2. 然后全局安装 Vite，可以运行以下...