搭建vite+vue项目

已于 2024-06-06 20:00:27 修改
阅读量191 收藏
点赞数 4
文章标签： vue.js 前端 javascript
于 2024-06-06 19:50:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_65533244/article/details/139508379
版权

一，在需要创建项目的文件上方输入cmd

二，在命令行中输入npm create vite@latest 开始创建项目。或者参考https://vitejs.dev/guide/网址

三，点击文件右键，通过vscode打开。或者直接将此文件拖到vscode打开

四，点击Terminal选择New Terminal

五，分别输入 npm i 和 npm run dev。Ctrl+鼠标左键打开网址。首个vite+vue项目已经搭建成功

渊Nan
关注
构建一个 Vite + Vue 项目
enjoyenjoy576423146的博客
03-23 339
3、打开vite的官网，https://cn.vitejs.dev/guide/，找到最新创建命令。2）npm install是Node.js中的命令，用于安装Node.js包及其依赖项。注： my-vue-app 是你创建的项目文件名。这样就简单新建了一个vite+vue的项目了。1）第一个命令，打开刚刚创建的项目文件夹。1、打开cmd控制台，通过控制台创建。2、通过控制台打开指定位置文件夹。4、创建好的项目默认包含如下项目。
vite+vue3使用模块化批量发布Mockjs接口
03-29
"vite+vue3使用模块化批量发布Mockjs接口"这个主题涵盖了如何在Vite搭建的环境中，结合Vue3和Mockjs来实现接口的模块化和批量处理。这将帮助开发者在实际API未准备好或者不便于调试时，快速模拟后端数据，提高开发...
vue3+vite创建项目--（傻瓜式教程）
weixin_45859470的博客
01-19 782
剩下的就是启动以及一些配置信息。1、运行创建项目命令。
快速搭建一个Vite + Vue前端项目
最新发布
pgl147258369的博客
08-30 414
i 和 npm run dev。Ctrl+鼠标左键打开网址。首个vite+vue项目已经搭建成功。三，点击文件右键，通过vscode打开。或者直接将此文件拖到vscode打开。中输入npm create vite@latest 开始创建项目，可以参考。四，点击Terminal选择New Terminal。一、在需要创建项目的文件上方输入cmd。
vite+vue如何搭建项目
weixin_48173033的博客
07-24 395
创建一个新的。
Vue3+vite创建项目
计算机小白学前端~
06-01 398
自学前端
如何用vite创建vue项目
weixin_46886988的博客
02-07 1751
Vite 需要 Node.js 版本 18+，20+。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。在router文件夹下新建index.js文件，在views文件夹下新建index.vue文件。注意：router 文件夹、index.js文件、views 文件夹、index.vue文件最好不要改名字，因为全局配置中会用到。（2）输入命令后，回车，输入项目名称，昵称随意，我这里用的是 viteprojects，回车。
windows下使用vite创建vue项目
Mr_XiMu的博客
04-18 2729
windows下使用vite创建vue项目
速创建vue3 + vite 项目工程
odogroup的专栏
08-19 1990
2）安装Visual Studio Code 官网：终端新建终端。Visual Studio Code 安装插件vitevite 按钮终端新建终端。13）打开 vue3_vite 文件夹，将vue-project 拖入Visual Studio Code打开。14）打开终端窗口 输入npm install （需要检查是否在对应的目录）15）安装报错，首先清除npm缓存 npm cache clean --force 试试看能否解决，或者卸载16）
vite+vue+cesium项目搭建
03-13
【vite+vue+cesium项目搭建】是一个关于使用现代前端构建工具Vite，结合Vue.js框架，并集成3D地球渲染库Cesium的教程。Vite是由Vue.js作者尤雨溪开发的新型前端构建工具，它提供了更快的热模块替换（HMR）和更快的...
基于vite+vue3+pinia+element-plus+ts后台管理系统
04-08
【标题】"基于vite+vue3+pinia+element-plus+ts后台管理系统"是一个现代的前端开发框架，用于构建高效、可扩展的企业级后台管理界面。这个项目整合了多种前沿的技术，旨在提供一个功能全面、性能优异的解决方案，...
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+...
Vite + Vue3 + ts 注册登录页面书写 搭配Nodejs + Express + postgresql接口
04-10
Vite + Vue3 + ts 注册登录页面书写 搭配Nodejs...一个vue包 vite+vue3+ts+eleplus 配置了router vuex axios postcss-px-to-viewport界面自适应 env prod环境等 启动:均是 npm i npm start 仅供学习哈 也在慢慢完善中
VUE 使用 Vite 创建一个 vue3.0 + vite 项目
不想成为可以改变世界的程序员，不是一个好程序员
04-20 830
Vite 是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成： 1. 一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。 2. 一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。
Vue 使用 vite 创建项目
xiaowude_boke的博客
08-14 3221
创建vite项目
Vite + Vue 项目创建和初始化
qq_60271706的博客
09-29 484
1. 在命令行创建基于vite+vue的项目2. 安装依赖> yarn3. 启动项目yarn dev。
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue）
热门推荐
逆境清醒的博客
03-19 8万+
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue） 一、搭建vue3 项目前提条件 二、通过create-vue搭建vue3 项目 三、搭建一个 Vite 项目 四、构建一个 Vite + Vue 项目 五、Vite + Vue 项目目录结构 六、Vite.config.ts配置
怎么快速搭建Vue+Vite项目？
Amouzy的博客
06-02 960
6.此时会有提示，根据提示依次输入以下内容。其中vite-project是自己刚刚设置的项目名，而我没有修改所以用的是默认的。3.输入以下命令查询电脑是否已经安装了node.js，此时需注意node版本需要>=12.0.0才能让Vite正常运行。1.随便创建一个文件夹，用来放项目。我这里创建的文件夹名称是my-vite。2.在当前目录的路径显示框输入cmd,快速打开cmd命令窗口。到这里，一个简单的vue+vite项目就搭建完成了。
快速搭建Vite+Vue3前端项目模板指南
资源摘要信息:"vite+vue3初始化项目详细指南" **项目技术栈和工具** - **Vue.js**: 一个构建用户界面的渐进式JavaScript框架，当前版本为Vue 3。Vue 3带来了Composition API、Teleport、Fragments等新特性，使...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值