新建一个vue3.0项目

最新推荐文章于 2024-08-24 13:42:14 发布
最新推荐文章于 2024-08-24 13:42:14 发布
阅读量235 收藏 1
点赞数 1
分类专栏： Vue 文章标签： vue javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Niceplay150928/article/details/118687060
版权
本文介绍了如何使用Vue CLI创建Vue3.0项目，包括确保@vue/cli版本大于4.5，通过`vue create xxx`命令创建项目，手动选择特性如Vue3.0、Babel、Router和Vuex，选择历史路由模式，并不保存预设配置。最后，通过`npm run serve`启动项目并查看运行结果。
摘要由CSDN通过智能技术生成

node: 10.16.1

npm: 6.14.5

@vue/cli: 4.5.13

创建vue3.0项目，脚手架版本需要在4.5以上，如果@vue/cli版本低于4.5，执行命令 npm install @vue/cli -g 更新@vue/cli版本，版本升级之后开始如下操作：

1. 打开cmd，执行命令vue create xxx 创建项目

2. 选择配置

选择 Manually select features 

 选择 Choose Vue version，Babel，Router，Vuex 

最低0.47元/天 解锁文章
Ch4rles_wong
关注
专栏目录
form-design-next:动态表单页面设计-自动生成页面--vue3.0版本
03-31
动态表单页面设计-Vue3.0版本Vue3 +打字稿+ Element-Plus重构中...自动生成H5页面，一些简单的页面无需前端参与，运营人员自己新建修改即可QQ交流群： 扫码加群：项目设置npm install编译和热重装以进行开发npm run ...
新建vue3.0 项目—步骤详细介绍
卢小亦的博客
10-09 3422
VUE创建
Vue3.0-创建Vue3.0项目
qq_45722267的博客
06-16 2472
vue3.0创建项目，vue3.0常用指令，创建工程：Npm init vue@latest，安装 Element Plus：npm install element-plus --save，安装axios：npm install axios
从零开始创建VUE3.0项目
最新发布
qq_41367785的博客
08-24 1095
错误：加载引用“https://json.schemastore.org/package”时出现问题: 无法从“https://json.schemastore.org/package”加载架构: getaddrinfo ENOTFOUND json.schemastore.org。创建的是时候有很多选项，这个根据自己需要来选择，不会的就按照上面来选择即可。错误： 无法找到模块“./components/XXX.vue”的声明文件。当遇到任何错误，看着没有问题，就是报错，那么就重启软件，再试试。
新建vue3.0 项目—步骤
L_15737525552的博客
10-21 1520
6、ESLint：提供一个插件化的javascript代码检测工具，ESLint + Prettier 使用较多 —— 我选 ESLint + Prettier。2、自定义配置，根据你需要用箭头上下键选择（按 “空格键”选择/取消选择，A键全选/取消全选，I键进行反选）对应功能。3、我没有卸载旧版本的 vue-cli(1.x 或 2.x)，所以创建时需要选择2.0 还是 3.0。5、css预处理器（主要为css解决浏览器兼容、简化CSS代码 等问题） —— 我选 Less。2、安装vue-cli3.0。
Vue3.0项目的创建
Hello World
04-15 2722
文章目录*Vue3.0项目的创建*一、前期环境准备1.安装Node.js2.安装Vue-cli二、项目创建步骤1.新建一个用于存放Vue3.0项目的文件夹2.进入Vue3.0项目的创建向导①询问用户选择项目是以什么模板方式进行安装，模板方式如下②可以根据项目需要选择添加的配置项（上下箭头切换，空格键进行选中/反选）③选择Vue3.x并按下Enter键④询问是否使用history路由模式（不推荐使用，输入n，并按Enter）⑤选择一种CSS预处理器（推荐选择：Sass/SCSS（with dart-sass）
【Vue】3.0 项目创建 自定义配置
weixin_52418790的博客
04-21 8358
1、进入项目路径 2、创建vue3项目 vue create +项目名称 注意：项目名称要避开特殊名字如echarts、vue等 3、项目配置 等待后弹出选项窗口，询问用户以什么模板方式进行安装 Default ([Vue 3] babel, eslint)：默认预设配置，会快速创建一个Vue2.0项目，提供了babel和eslint支持 Default ([Vue 2] babel, eslint)：默认预设配置，会快速创建一个Vue3.0项目，提供了babel和eslint支持 Manu
【JavaScript源代码】vue3.0实现下拉菜单的封装.docx
12-29
在Vue 3.0中，实现一个下拉菜单的封装主要涉及到组件设计、事件处理以及Vue 3的新特性。下面我们将详细分析这个过程。 首先，我们来看一下需求：创建一个可展开/收起的下拉菜单，展示菜单项的内容。在CSS样式方面，...
2020年01月10日新建GIS仓库,基于vue3.0的.zip
05-25
GIS 是一种多学科交叉的产物，涉及地理学、地图学、遥感技术、计算机科学等多个领域。 GIS 的主要特点和功能包括： 空间数据管理：GIS 能够存储和管理地理空间数据，这些数据可以是点、线、面等矢量数据，也可以是...
vue3.0 CLI – 2.6 – 组件的复用入门教程
01-21
我的 github 地址 – vue3.0Study – 阶段学习成果都会建立分支。 ========================== 定义一个基础组件 这个基础组件，是导航条中 可以复用 的基础组件 单个导航。 基础组件【导航组件】基础的功能是能够...
vue-cli3.0配置及使用注意事项详解
10-18
Vue-cli3.0是一个基于Vue.js进行快速开发的完整系统，它提供了从创建项目、配置到构建的全套解决方案。以下是从给定文件内容中提炼出的知识点： 1. Vue-cli3.0配置详解 在使用Vue-cli3.0创建项目时，系统提供了默认...
创建vue3项目的三种方式
qi199531的博客
06-28 1万+
安装命令：截图： 安装命令：截图： 安装命令：截图：
从零开始搭建Vue3.0项目入门篇
yang651158的博客
09-26 4703
vue3.0入门心得
如何创建vue3项目
热门推荐
m0_69502730的博客
08-24 2万+
如何创建vue3项目
从零开始vue3.0项目创建
cuhebcj的博客
02-28 1322
从零开始创建一个Vue3.0项目
创建vue3.0项目教程
陈序员的博客
09-30 2215
## 简介： Vue3 的正式版发布了，两年多的开发，99 位贡献者的努力 ，2600 次提交 628 次 PR，在 2020 年 9 月 19 日 Vue3 更新了 正式版本，正式版本一出，代表着不会再有太大的改动了，也意味着你可以开始学习了，这篇文章主要介绍下vue-cli3.0项目搭建 ，分享给大家 1.卸载旧的 vue-cli2 版本的脚手架 npm uninstall -g vue-cli 2.安装新的 vue-cli3 版本的脚手架 npm install -g @vue/cli 3
创建 VUE3.0 项目
weixin_46243213的博客
07-27 1661
创建vue3.0项目
使用Vue-cli2.0和 Vue-cli3.0创建vue项目及配置
ssy001128的博客
06-09 2112
安装node后安装淘宝镜像。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值