vue+Vite创建项目

已于 2023-03-30 09:46:44 修改
阅读量119 收藏
点赞数
文章标签： vue.js 前端 javascript
于 2023-03-30 09:46:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_66968106/article/details/129851171
版权
本文介绍了如何使用Vite作为构建工具创建Vue项目。通过npm安装Vite并创建项目，然后使用cnpm安装依赖并启动项目，解决npm安装依赖卡顿的问题。详细步骤包括：安装Vite，创建项目，切换到项目目录，用cnpm安装依赖，以及运行开发服务器。
摘要由CSDN通过智能技术生成

一.Vite是 构建工具，脚手架创建（vue create demo）基于的构建工具是webpack。

二、创建

1.第一步安装 npm vite <项目名称>

2.安装步骤，按照提示操作即可

 

 

 3.第三步启动项目 （项目创建成功会有提示）

cd <项目名称>

cnpm install

cnpm run dev

 在浏览器打开

最低0.47元/天 解锁文章
希望今天没人说我菜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue3+vite创建项目-（傻瓜式教程）
01-19
Vue3 + Vite 创建项目教程 Vue.js 是一个流行的前端框架，它的最新版本Vue3引入了许多新特性，如Composition API、Suspense、Teleport等，提供了更好的性能和更灵活的开发体验。Vite是由Vue.js作者尤雨溪开发的一款...
创建基于vite的vue项目
m0_69298614的博客
04-05 5159
3.验证是否安装好：打开Windows的cmd命令行，输入npm --version，输出版本信息则安装成功，如下图所示。在src下新建plugins/nutui.js，以后需要增加组件只需要在该文件中添加即可。2.检验是否安装好：在cmd命令行中输入yarn -version，若输出版本信息则表示安装成功，如下图所示。node.js自带npm包管理工具，yarn也是nodejs下的包管理工具，可以根据自身选择适合的工具。//export导出，只有导出了，才能让别的文件进行import。
vite+vue如何搭建项目
weixin_48173033的博客
07-24 364
创建一个新的。
Vue3.0 + Vite 搭建 + API详解【持续更新】
最新发布
weixin_44216637的博客
05-15 1350
api + 性能提升
Vue3+Vite项目搭建
weixin_62918410的博客
01-03 9260
vue3+ts+element-plus项目搭建
vue3+vite搭建项目
qq_40407998的博客
03-07 3083
vue3+vite搭建项目
Vue 使用 vite 创建项目
xiaowude_boke的博客
08-14 3038
创建vite项目
vue+vite开发谷歌插件
04-29
然后，使用Vue CLI创建一个新的Vue项目，选择Vite作为构建工具。接着，根据谷歌插件的需求，添加必要的文件和目录，例如manifest.json和content_script.js。 **manifest.json配置** manifest.json文件是谷歌插件的...
Vue3+vite4 +TS后台模板
06-08
vite4是基于ES模块的前端构建工具，由Vue.js的作者尤雨溪创建。与传统的Webpack相比，vite利用浏览器原生的ES模块导入，实现了热更新和快速启动。在开发阶段，vite可以提供近乎即时的反馈，极大地提高了开发效率。...
Vue3+Pinia+Vite+TS 还原高性能外卖APP项目完结10章
01-15
大家好，今天我将带着大家用Vue3+Pinia+Vite+TS来开发一款外卖app的项目，喜欢大家会喜欢。 随着外卖服务的普及和数字化的兴起，外卖系统的...接下来我们开始创建SpringBoot项目，创建项目的时候选择 Spring Initializ
用vue3+elementPlus+vite搭建的electron桌面端应用模板，方便快速创建类似项目.zip
02-09
在本文中，我们将深入探讨如何使用Vue3、ElementPlus和Vite来构建一个基于Electron的桌面应用程序模板，以及这个模板对于快应用开发和企业级项目的实用价值。首先，我们来了解一下这几个关键技术： 1. Vue3：Vue.js...
如何创建一个基于vite的vue项目
m0_53579242的博客
08-18 1242
在命令行中运行以下命令： npm create vue@latest这一指令将会安装并执行，它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示：选择完后会出现以下命令行，顺序执行即可cd vue-vite：跳转到指定的文件目录npm install：用于在当前项目中安装所需的依赖包。通过运行，你可以自动安装项目所需的所有依赖项。npm run format：这个命令用于格式化代码，使其遵循一致的风格和规范。
vue+vite的创建
小罗伯特
12-07 826
新增vue3
Vite + Vue 项目创建和初始化
qq_60271706的博客
09-29 331
1. 在命令行创建基于vite+vue的项目2. 安装依赖> yarn3. 启动项目yarn dev。
怎么快速搭建Vue+Vite项目？
Amouzy的博客
06-02 898
6.此时会有提示，根据提示依次输入以下内容。其中vite-project是自己刚刚设置的项目名，而我没有修改所以用的是默认的。3.输入以下命令查询电脑是否已经安装了node.js，此时需注意node版本需要>=12.0.0才能让Vite正常运行。1.随便创建一个文件夹，用来放项目。我这里创建的文件夹名称是my-vite。2.在当前目录的路径显示框输入cmd,快速打开cmd命令窗口。到这里，一个简单的vue+vite项目就搭建完成了。
搭建 Vue + Vite 入门项目
村雨遥
06-06 3923
一起来看看，除了 webpack 之外的打包方式 - Vite，并利用它来搭建你的 Vue + Vite 入门小项目 ~
Vue3 + vite 创建项目
热门推荐
weixin_58032613的博客
02-18 1万+
项目创建 vite的介绍 首先要想使用vite来创建一个vue项目，要把vue脚手架升级成为5.0.1版本，但是有一个很大的缺陷，就是升级过后不会再向下兼容vue2的语法创建项目的方式 脚手架升级为5.0.1版本：cnpm install vue@next 或 yarn global add @vue/cli 安装新版@vue/cli 升级完之后，输入：vue -V 来查看脚手架的版本号 脚手架为5.0.1版本创建项目的语法也变了，原本在4.5.15版本的时候还可以做到向下兼容使用vue cli语法
VUE+Vite 搭建项目
weixin_50251467的博客
02-20 109
搭建步骤

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值