创建Vue3项目

最新推荐文章于 2024-09-21 22:38:10 发布
最新推荐文章于 2024-09-21 22:38:10 发布
阅读量269 收藏
点赞数 3
文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_75051423/article/details/138524256
版权

一、init项目

npm init vue@latest

二、进入项目路径

cd 项目名

三、安装依赖

//安装vue依赖
npm i

安装uview插件

// 安装sass
npm i sass -D

// 安装sass-loader，注意需要版本10，否则可能会导致vue与sass的兼容问题而报错
npm i sass-loader@10 -D

// 安装
npm install uview-ui@2.0.36

四、启动项目

npm run dev

嘉陵江泼猴
关注
Vue3 程序初始化流程
weixin_38099964的博客
07-18 1505
初始化 在vue3中，程序的初始化不再沿用vue2的new Vue()方法，而是使用了createApp。在createApp中发生了什么呢？ 改写的原因 createApp是一个Vue中的工厂函数，以函数的方式进行导入和调用。而函数式的好处是 1、消灭了原来挂载在Vue上的静态方法，变成实例方法，可以减少内存占用，便于tree-shaking，减小了打包体积； 2、因为函数式和class装饰器对ts的支持好，使用函数的方式调用，可以更好的支持ts，提高类型支持 3、根组件的api，如data要和子组件的a
使用Vite创建Vue3项目
Asafoetida的博客
07-18 1158
这两种方式也就是用不用ts的区别，如果不用ts，哪种安装方式都可以
npm创建Vue3项目
不做菜虚困的博客
04-10 839
创建最新版的Vue项目，已经不推荐使用CLI构建方式了。
vue3（整合版）
c1tenj2的博客
09-21 1261
</style>App.vue<template>//引入Hello.vue</script><style>
使用npm创建vue3项目
风雨未有归期的博客
01-24 938
使用npm创建vue3项目
npm搭建vue3项目
m0_49016709的博客
08-13 2593
1、更新你的npm到最新稳定版 npm install vue@next 2、对于 Vue 3，你应该使用 npm 上可用的 Vue CLI v4.5 作为 @vue/cli。升级安装最新版本的 npm install -g @vue/cli 3、然后运行 vue upgrade --next 4、然后运行 npm init vite 项目名 – --template vue cd 项目名 npm install npm run dev 浏览器访问local地址 这里就完成了 。 ...
Vue3项目搭建流程
冲冲冲
06-12 2754
git初始化：打开终端，执行命令git init（这里需要在vscode中打开Git Bash终端，而不是powershell）执行完成后会在项目目录生成一个.husky文件夹安装 lint-staged （依然在Git Bash终端执行此命令）配置// ... 省略 ...// ... 省略 ...修改 .husky/pre-commit 文件安装插件 pinia-plugin-persistedstate在stores下新建index.js。
vue3-init
cwjxyp的博客
01-04 1252
什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。
创建vue3项目——vue create vue3_test
m0_53251830的博客
02-16 1373
创建vue3项目
解决使用yarn-通过vite创建vue3项目失败-文件夹或目录不正确
最佳嫌疑人David_shag的博客
11-05 2713
在Nodejs下载完之后要都有可能出现权限受限的问题，可以看一下自己的文件夹权限是否足够，在nodejs安装目录下一般新建的文件夹操作权限都是不够的需要手动配一下。
使用vue/cli创建vue3项目run不起来
Detectiveboy的博客
07-03 1560
报错信息如下： 看报错信息，应该是哪个模块解析失败导致的，但是项目是用vue脚手架创建的，并没有什么改动，运行就报这错，很头痛，问了一些同行，也不知道，毕竟现在vue3还处于试用中，可能会出现一些问题，新出来的版本还是需要有人帮我们踩坑的。 ...
创建VUE3项目-搭建基本的脚手架
m0_50125215的博客
08-10 1194
目的：使用vue-cli创建一个vue3.0项目。 方法1： 第一步：打开命令行窗口, 执行 vue ui 命令 注意，所在目录将会是你创建项目的目录。 第二步：选择自定义创建 第三步：选择vue3.0版本 第四步：配置element-UI 组件库 安装element-ui 插件 配置element-ui 第五步：配置 axios 库 依赖 > 安装依赖 方法二： 第一步：打开命令行窗口。 注意，所在目录将会是你创建项目的目录。 第二步：执行创建项目命令行 第三步：选择.
创建vue3项目
徐同保的专栏
07-03 655
【代码】创建vue3项目。
创建一个vue3项目
dreams_dream的博客
07-27 1万+
创建一个vue3项目
Vue3项目创建
weixin_45415107的博客
09-18 2734
在创建一个新的Vue 3项目时，您会遇到以下目录结构：根目录•package.json：项目的配置文件，包含项目依赖、脚本和其他设置。•package-lock.json：锁定依赖版本信息，确保每次安装的依赖版本一致。•README.md：项目的说明文档。•.gitignore：Git版本控制忽略文件。•public：静态资源目录，存放图片、字体等静态资源。•src：源代码目录，包含Vue组件、JavaScript文件、样式文件等。src目录。
Vue3 安装与配置 详细教程
热门推荐
majingbobo的博客
10-28 1万+
Vue环境搭建及项目创建
Vue3学习笔记01：使用NPM方法安装Vue3
howard2005的专栏
04-16 1万+
使用cnpm安装Vue3；使用vue init创建Vue项目；使用Vite创建Vue项目
pnpm创建vue3项目指令
最新发布
10-23
PNPM（即 pnpm-workspace）是另一种流行的包管理器，虽然其默认不是用于创建 Vue3 项目的，但它可以在 Vue3 开发环境中使用。以下是使用 PNPM 创建 Vue3 项目的基本步骤： 1. **安装 PNPM**： 先确保你已安装 Node...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值