Vue3 脚手架搭建项目详细过程

最新推荐文章于 2024-07-08 16:10:00 发布
最新推荐文章于 2024-07-08 16:10:00 发布
阅读量1.1k 收藏 1
点赞数
文章标签： vue.js npm elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zqlbanzhuan/article/details/124852115
版权

一、安装vue3.0脚手架

如果之前安装了2.0的脚手架，要先卸载掉,输入：npm uninstall vue-cli -g 进行全局卸载
然后重新安装： npm install @vue/cli -g

二、使用步骤

1.vue ui

vue ui是一个可视化图形界面，方便你去创建、更新和管理vue项目，包括下载router，vuex，axios，elementui等插件，配置好一些属性以及依赖关系，方便我们使用

2.vue项目管理

在这里插入图片描述
之后就是创建 ，选择项目对应的路径和名字
在这里插入图片描述

之后选择手动配置
在这里插入图片描述
之后选择相应功能选项和预设选项

vue 2.0脚手架项目解析：
在这里插入图片描述

Allen·赵
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue3脚手架搭建项目
weixin_43989787的博客
08-22 486
一、环境配置 1. 安装 node.js 参考：https://nodejs.org/en/ 建议下载LTS（版本号较低的）的版本，下载完成后直接下一步完成安装。 完成安装后， win + R => 输入 cmd 进入黑窗口 => 输入node -v 和 npm -v 查看安装node版本号，报错就再安装一次。 1.1 安装淘宝镜像 参考：http://npm.taobao.org/...
vue3脚手架搭建
贝西奇谈
10-18 4621
Vue3CLI（脚手架）
使用脚手架搭建vue项目
最新发布
m0_65520060的博客
07-08 775
下面这个是对创建vue项目的方式进行选择，下面主要讲解下面三种方式Default ([Vue 3] babel, eslint) 创建vue3项目（默认配置）Default ([Vue 2] babel, eslint) 创建vue2项目（默认配置）Manually select features 自定义的方式搭建vue项目（重点）下面呢主要对如何自定义配置vue项目来进行讲解（通过上下箭头进行选择，Enter键确定那种搭建模式）
Vue 3 脚手架搭建
Dily_Su的博客
05-18 2522
手把手带你创建属于自己的 vue3 脚手架 技术栈：vite、vue3、typescript、pinia、axios、eslint、prettier、element-plus、unplugin-auto-import、unplugin-vue-components、unplugin-icons
vue 3.0脚手架搭建（详解）
小崔_的博客
11-28 1753
一、下载升级 npm i @vue/cli@3.6.3 -g //这里可以使用cnpm 下载的快点 //下载好后可以使用 vue -V 查看版本 这是3.6.3版本的，很多人看官网下载的都是最新版本的 npm run serve——启动项目指令 二、下载好后，搭建项目 这是第一种方法 vue create 项目名 这里选择默认配置还是，自定义配置 选择默认配置后，它会自行安装： 自定...
vue-cli3.0 脚手架搭建项目的过程详解
10-17
本篇文章将详细介绍如何使用 Vue CLI 3.0 来搭建一个新的 Vue 项目。 首先，你需要确保已经安装了 Node.js 和 npm（或 yarn）。然后，你可以通过以下命令全局安装 Vue CLI 3.0： ```bash npm install -g @vue/cli ...
用vuecli3搭建的vue项目脚手架
08-09
VueCLI3是Vue.js官方提供的一个快速搭建复杂前端应用的脚手架工具，它极大地简化了Vue项目的初始化过程，提供了丰富的预设和插件机制，让开发者能够专注于编写业务代码而不是配置环境。在这个名为"vue-vuex-router-...
vue脚手架搭建项目及vue学习
06-06
在"vue脚手架搭建项目及vue学习"的主题中，我们将深入探讨如何使用Vue CLI（命令行接口）来初始化一个项目，以及Vue的核心概念和关键特性。 1. **Vue CLI的使用**： Vue CLI是一个官方提供的强大脚手架工具，用于...
使用vue-cli（vue脚手架）快速搭建项目的方法
12-10
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。这篇文章将会从实操的角度，介绍整个搭建的过程。 1. 避坑前言 其实这次使用vue-cli的过程并不顺利，反复尝试几次都遇到以下这个...
VUE3.0搭建脚手架
Mini_Luo的博客
05-28 330
1.查看当前安装的vue版本 使用命令：vue -V ①如果是3.0+的就直接进行 2 的操作 ②如果是2.0的就先执行npm uninstall vue-cli -g
vue3.0教程——搭建Vue脚手架【简化版】
weixin_51331210的博客
10-02 6484
🍣 🍥 🍙哈喽，大家好丫，你们的小郭子又来啦 ~ 今天来聊一聊Vue3的项目搭建问题。
VUE3脚手架工具cli配置搭建及创建VUE工程
雾林小妖的博客
06-17 2326
VUE3脚手架工具cli配置搭建及创建VUE工程
Vue3脚手架搭建（三）
sodakii的博客
09-26 672
使用ES6风格编码源码,定义变量使用let,定义常量使用const,使用export,import模块化。Props定义：提供默认值，使用type属性校验类型，使用props之前先检查prop是否存在。无特殊情况不允许使用原生API操作dom,谨慎使用this.$refs直接操作dom。指令缩写：都用指令缩写 (用 : 表示 v-bind: 和用 @ 表示 v-on:)。函数中统一使用_this=this来解决全局指向问题。使用计算 规避v-if和v-for用在一起。为v-for设置Key值。
创建vue3项目脚手架
gp_911014的博客
02-21 1688
Vite 是由 Vue 作者尤雨溪先生带领团队开发的一个构建工具，它利用浏览器原生支持 ES 模块的特点，极大提升了开发体验，自 2021 年 1 月份发布 2.0 版本以来，发展非常快，笔者也在第一时间参与贡献了一些文档和插件，并且在 2021 年期间，个人项目已经全面切换到 Vite ，公司业务也在 2021 年底开始使用 Vite 创建新项目，整体情况非常稳定，前景非常乐观。Lint 规则，用来代码检查，写 TypeScript 离不开 Lint ，可以根据自己喜好选择，也可以先选择默认，后面在。
Vue3脚手架搭建（一）
sodakii的博客
09-26 425
1、安装vue。
vue 3.0 脚手架项目搭建(含javascpt和typescript两种)
Jason Wang
01-14 1001
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 系列文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结 前言 提示：vue已经进入了3.0的时代，具体的优点大家可以自行百度搜索，相关UI框架也已经升级了其3.0的版本。官网文档地址：安装 | Vue.js ....
vue3.0脚手架搭建
weixin_34293246的博客
10-22 300
今年8月，vue已经升级到3.0，按照官方文档搭建一个vue3.0的模板 如果你已经安装了vue2.9.6的话，需要先将其删除，删除命令：npm uninstall -g vue-cli 删除成功，Vue CLI 需要 Node.js 8.9 或更高版本，所以在安装新的脚手架的时候先检查下node的版本，命令行中输入：node -v即可看到。 2.安装新的vue cli包，命令为：npm...
Vue项目脚手架搭建与功能详解
本文将详细介绍如何实现一个Vue项目的“脚手架”功能，以提升团队开发效率并减少维护成本。这个“脚手架”旨在提供统一的项目结构、模块管理和配置，主要包括以下几个关键点： 1. **搭建背景与需求**：由于多人协作...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值