Vue3.0脚手架安装与搭建

最新推荐文章于 2022-03-03 16:47:52 发布
最新推荐文章于 2022-03-03 16:47:52 发布
阅读量153 收藏
点赞数
分类专栏： web前端 vue.js 文章标签： vue vue-cli3 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45797596/article/details/119722366
版权

首先确保已经安装node、cnpm（如没有，需先安装）

在控制台输入cnpm i -g @vue/cli -init

如果之前安装过vue2.0在后面加上-init可向下兼容

安装成功后打开vue可视化界面

 然后进入项目创建界面选择存放路径

点击创建，输入项目命名

点击下一步，可选择之前创建过的项目，也可以选择自己手动配置 

然后选择 babel、router（路由）、linter（代码格式校验）、配置文件

下一步

默认配置

创建项目，不保存、或保存预设都可以

 项目创建完成

（还可在插件库中添加插件element，在依赖中添加axios库等）

 

 

 

奥斯卡街头男孩
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue3 脚手架搭建项目详细过程
zyf971020的博客
10-12 9947
Vue3 脚手架搭建项目详细过程及代码规范配置
vue3脚手架搭建
最新发布
贝西奇谈
10-18 4214
Vue3CLI（脚手架）
vue3.0脚手架安装和使用
csfun1的博客
01-01 1584
vue项目实例1 环境搭建node 安装npm安装vue安装安装脚手架3.0vue create myproject安装router安装axios 1 环境搭建 node 安装 npm安装 vue安装 安装脚手架3.0 npm install -g @vue/cli vue create myproject 默认选择vue脚手架的配置，在需要的时候各自添加所需组件 安装router npm ins...
【日常点滴--010】入坑VUE3.0实录
weixin_43521165的博客
01-05 1245
目录 环境安装： 项目搭建： 路径使用 UI组件安装 环境安装： 图片中提到的报错信息 和解决方法 ： npm WARN deprecated core-js@2.6.11: core-js@\<3 is no longer maintained and not recommended for usage due to the number of issues. Pl...
【vue】安装vue3.X版本脚手架（图形化界面版）
舜岳的博客
08-13 6729
安装脚手架之前需要电脑已安装node与npm 首先按住 shift + 鼠标右键 → (按下)在此处打开命令行窗口 进入命令行窗口 或者 win + R 键 输入cmd 进入命令行窗口 输入 ：node -v 与 npm -v 查看有无安装node与npm，没有则需要安装：以下证明已安装 若没安装 以下是博友安装方法： https://blog.csdn.net/qq_33362864/artic...
vue-cli3.0 脚手架搭建项目的过程详解
10-17
Vue CLI 3.0 是 Vue.js 官方提供的一个强大脚手架工具，它简化了 Vue.js 项目的初始化和构建过程。本篇文章将详细介绍如何使用 Vue CLI 3.0 来搭建一个新的 Vue 项目。 首先，你需要确保已经安装了 Node.js 和 npm...
VUE3.0脚手架构建的VUE3.0前端初始工程，包含router路由
01-21
总的来说，这个 `VUE3.0` 脚手架项目为我们提供了一个良好的起点，包含了 Vue 3 的基本架构和路由管理功能。开发者可以通过它快速地搭建项目，然后专注于业务逻辑和功能实现，而不必从零开始配置基础框架。
VUE3.0脚手架搭建的最基本、简单的VUE前端工程项目，不包含router路由
01-21
本项目是一个基于 Vue 3.0 的基本脚手架工程，专为初学者设计，不包含复杂的 router 路由系统，适合学习 Vue 3 的基础概念和用法。 首先，Vue CLI 3 是一个官方提供的命令行工具，用于快速搭建 Vue 项目的结构。...
配置一个vue3.0项目的完整步骤
11-28
- 全局安装 `vue-cli`：Vue CLI 是 Vue 官方提供的脚手架工具，用于快速搭建 Vue 项目。在终端中使用 `yarn` 或 `npm` 进行全局安装。这里推荐使用 `yarn`，因为它提供了更快的速度和更稳定的依赖管理。安装命令为...
vue3.0脚手架搭建（vscode）
weixin_42329632的博客
03-03 2413
1、安装node.js：Node.js node -v //查看node是否安装成功 npm -v //查看npm是否安装成功 2、安装cnpm npm install -g cnpm --registry-http://registry.npm.taobao.org cnpm -v //查看cnpm是否安装成功 3、安装vue-cli脚手架构建工具 全局安装 npm install -g vue-cli vue -V //查看是否安装成功 w
vue/cli 3.0脚手架搭建
热门推荐
猫猫的小茶馆
08-10 2万+
在vue 2.9.6中，搭建vue-cli脚手架的流程是这样的： 首先 全局安装vue-cli，在cmd中输入命令: npm install --global vue-cli 安装成功： 安装完成之后输入 vue -V（注意这里是大写的“V”），如下图，如果出现相应的版本号，则说明安装成功。 然后就可以构建项目了，依次输入命令： vue init webpack “名称...
VUE3.0 一.安装node.js、vue3.0脚手架
Harry的博客
02-09 8938
VUE3.0 一.安装node.js、vue3.0脚手架 1.安装nodejs 首先去官网下载nodejs 查看npm和node版本，出现版本号即安装成功。 npm -v # 6.13.4 node -v # cv10.16.0 2.全局安装vue-cli3.0脚手架 1.全局安装 如果之前安装过 卸载之前的 没有安装过 直接执行下一步 npm uninstall -g vue-cli...
Vue3.0 可视化工具-----创建脚手架
ssl_husband的博客
07-12 296
1. 点击 创建 弄好路径 点击在此创建新目录 2. 输入项目名 （在项目文件夹） 包管理器 点击npm Git 默认的是 打开的 点击下一组 3.选择一套预设 手动（手动配置项目） 点击下一步 4.选择所需要的 插件 （一般的话 babel Router vuex css Pre-processors 注意 关闭 Linter/Formatter[语法检测]） 点击 下一步 5.在Pick a css pre-process
vue脚手架3.0安装和正向代理
Asuria
08-13 713
如果有vue-cli 2.0的需要删了原先的包，一般在C:\Users\24496\AppData\Roaming\npm下 需要删了 vue.cmd和vue-cli文件夹  接下来是新建脚手架，3.0与2.0不一样，初始化命令  npm install -g @vue/cli 然后创建一个新项目,与2.0的不同 vue create 项目名   第一个是默认，第二个是选项你需要...
vue3.0脚手架安装
qq_39924086的博客
04-17 1732
vue3.0脚手架+ vuex + vue-router + typescript + iview + axios基本开发（1） 1.安装 1.1安装vue3.0脚手架 查看当前vue-cli版本 打开cmd输入vue --version,如果是2.0+要先卸载掉,输入npm uninstall vue-cli -g进行全局卸载 然后重新安装npm install @vue/cli -g(vue更...
vue-cli3.0脚手架配置步骤
搬砖猴哥
03-29 2342
脚手架3.0配置步骤 1、在全局安装脚手架 cnpm i @vue/cli -g 2、如果没有yarn，建议安装yarn cnpm i yarn -g 3、创建项目 vue create 项目名字 如果是第一次初始化项目，脚手架会提示你，使用npm淘宝镜像下载，这样会比yarn快，你可以n掉，接下来会进入选择配置 默认配置 脚手架默认配置了一下简单的配置然后直接安装 自定义配置 按空...
vue-cli3.0 脚手架搭建项目详解
渐渐高飞
12-01 1519
如果是刚入门同学先安装node.js 怎么安装node这里不做介绍了，网上教程很简单，下载node.js直接安装就可以 检查node 1、node -v 2、node检查无误，马上就可以开始构建项目了 a、安装vue-cli 3.0 // -g 是安装到全局目录，安装一次以后再构建项目就不用再装了 npm install -g @vue/cli b、...
vue-cli3.0脚手架搭建项目
weixin_41552521的博客
06-11 413
脚手架vue-cli3.0 1、确保电脑已经安装node环境，并且保证node.js版本在8.9或者更高的版本（推荐使用8.11.0+） 2、npm全局安装vue-cli3.0版本 $ npm install -g @vue/cli 3、检查安装的vue-cli版本是否为3.X $ vue -V // 4、vue-cli创建新的项目 $ vue create mypro cmd...
vue3.0脚手架搭建
莫不静好
06-30 6103
1、安装vue-cli 3.0 先卸载旧版本 npm uninstall vue-cli -g 再安装Vue CLI 3 npm install -g @vue/cli 安装成功查看版本 vue-V 2、创建项目 去指定目录下创建项目 vue create project-name（自己定义项目名，不可使用驼峰式命名） 3、选择配置（自定义配置） 4、在css预编译我选择了less 5、在语法检测工具选择了 ESLint + Standard config 6、在选择语法检测方式中，这
vue3.0脚手架 webpack配置写在了哪里
08-09
Vue 3.0脚手架中的webpack配置写在了项目根目录下的vue.config.js文件中。这个文件在创建Vue项目时会自动生成，在进行自定义配置时可以直接编辑此文件。 在vue.config.js文件中，可以配置各种webpack相关的选项和...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值