完整创建vue/cli4运行环境,vue/cli2、3、4的使用区别以及连接桥

vue-cli3创建Vue项目 本文讲解了如何使用vue-cli3创建属于自己的Vue项目,如果本文对你有所帮助请三连支持博主,你的支持是我更新的动力。下面案例可供参考。 阅读详情
配置全局vue/cli4环境
  • 安装node,我的版本号为 v12.18.3

  • 安装npm,我的版本号为 v6.14.9

  • 安装cnpm,可装可不装,安装包下载速度比较快而已

    npm install -g cnpm --registry=https://registry.npm.taobao.org
    

    安装完查看版本号:cnpm -v,如果出现以下类似信息,则安装成功:

    cnpm@6.1.1 (C:\***\Roaming\npm\node_modules\cnpm\lib\parse_argv.js)
    npm@6.14.9 (C:\***\Roaming\npm\node_modules\cnpm\node_modules\npm\lib\npm.js)
    node@12.18.3 (E:\Node.js\node.exe)
    npminstall@3.28.0 (C:\***\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\index.js)
    prefix=C:\***\Roaming\npm
    win32 x64 10.0.18363
    registry=https://r.npm.taobao.org
    

    如果出现以下cnpm不是内部或外部命令,或者command not found这样的错误,需要配置一下环境变量,在系统变量的path属性里面,添加你的cnpm.cmd所在的路径,例如我的路径是:

    C:\***\Roaming\npm
    

    应用后重启gitbash,就能看见cnpm安装好了

  • 安装vue-cli

    使用全局安装命令:

    npm install -g @vue/cli
    

    需要注意现在vue/cli2已经弃用了,所以下载的时候只能下载3或者4,一定要在vue/cli前面加@符号,不然报错,默认下载vue/cli4.如果要下载3需要手动添加@版本号,如下

    npm install -g @vue/cli@版本号
    

    等待1-5min,通过vue -V查看vue的版本号,验证安装是否成功,一定是大写的V。
    如果需要是vue/cli3、4使用vue/cli2的命令,添加全局配置如下:
    npm i -g @vue/cli-init

通过Vue CLI 快速创建Vue项目并部署到tomcat 我的原创地址:https://dongkelun.com/2018/11/19/vueCliCreateProject/ 前言 最近一直在写前端,用的是JSP,但是很多人都说JSP已经过时了。既然做了几个月的前端,那就把前端学的好一点,学点新技术,跟上潮流。感觉Vue挺火的,所以这几天学了一下Vue,开始看的官方文档,然后直接用GitHub上比较火的项目进行学习,本地跑起来,看看效果、源码和代码结... 阅读详情

相关推荐

脚手架vue-cli和@vue/cli的搭建及区别

vue-cli与@vue/cli vue脚手架版本目前有2,3,4.不管搭建哪个版本的脚手架,首先都需要安装node. node的安装 node的安装我们可以直接去node官网(http://nodejs.cn/)下载安装,node安装完之后,node自带的包管理工具npm也就安装好了,我们win系统直接开始在cmd窗口输入node -v查看node版本号,如下图能看到版本号说明node安装成功:...

qq_37635012的博客 1万+

vue-cli2,vue-cli3(vue脚手架)超详细教程

文章目录vue-cli脚手架Node.js环境安装vue-cli的安装npm,cnpm介绍安装脚手架用脚手架生成项目目录 vue-cli脚手架 顾名思义,脚手架就是用来协助,配合,帮助构建一个项目的。使用vue-cli仅需5分钟就可以搭建一个完整的Vue.js应用,相较于人工操作,具有安全,高效的特点。 vue-cli与平台无关,功能更加齐全。无论是预编译模板,注入依赖,还是模拟生产环境等功能,vue-cli都具备,而且占用内存少,更高效,运行速度非常快。 Node.js环境安装 要安装Vue.js脚手架

stormzhuo的博客 4539

ESP32-S3开发环境避坑指南:VS Code+ESP-IDF离线安装全流程(附国内镜像加速)

本文提供了一份详细的ESP32-S3开发环境离线安装指南,重点解决网络依赖问题。通过整合国内镜像加速,手把手教你完成VS Code、ESP-IDF框架、工具链及Python依赖的本地化部署,实现稳定、可重复的开发环境搭建,大幅提升IoT开发效率。

peach的博客 962

【前端开发】Vue-CLI4 &Vue-CLI3 与Vue-CLI2 的区别以及打包配置问题

前面一直用Vue-CLI2 搭建Vue 项目,后面用Vue-CLI4 搭建了一个新的Vue 项目,发现Vue项目有些文件build文件、config文件目录直接整没了… 好家伙,那我怎么配置?? 撸文档,Vue-CLI4、Vue-CLI3 与Vue-CLI2 之间的区别:使用后Vue-CLI4总体上与Vue-CLI3区别不大,Vue-CLI4与Vue-CLI2最直接的区别: 1、安装: Vue-CLI2: npm install -g vue-cli 或 cnpm install -g vue-cli V

go 2336

Python自动化车载测试:5分钟搞定CANoe COM接口调用(附完整代码)

本文详细介绍了如何使用Python快速实现CANoe COM接口调用,完成车载测试自动化。通过实战案例展示ECU信号测试框架搭建,包括环境配置、核心架构解析、信号读写封装及多线程安全方案,帮助开发者5分钟内掌握高效测试技巧。

vv45678的博客 1135

从数据到特征:基于CAT12的MRI图像预处理实战指南

本文详细介绍了使用CAT12工具进行MRI图像预处理的完整实战流程。从数据获取、环境搭建到核心的AC-PC校正、组织分割、空间标准化与调制,逐步解析如何将原始脑影像数据转化为可用于机器学习的标准化特征图。重点阐述了预处理作为脑影像分析‘生命线’的重要性,并提供了避坑指南与自动化脚本建议,帮助研究者构建高质量的阿尔茨海默症分类模型输入特征。

weixin_29065959的博客 310

Vue cli 2.x 3.x及4.x区别

在使用前优先是安装 安装: npm install -g @vue/cli # OR yarn global add @vue/cli

DOM曼珠沙华的博客 1305

用友BIP培训资料-设计采购订单新增API接口开发

14.在子实体的String pkMeas = order_hhrSlave0VOJson.getString("pk_meas");Openapi路径:nccloud/api/pu/order_hhrmanage/order_hhrMaster/addAggOrder_hhrMasterVO。实现接口的开发部署,通过openAPI的test类,实现一条数据的插入。16.进入自己的Idea打开老师发的TestOpenApi并且编译完成后如下。12.编写检测是否字段中是否含有中文的方法。

m0_68497879的博客 1549

vuecli 脚手架(版本2和版本3/4)

(一) 安装Vue CLI Vue CLI可以快速搭建Vue开发环境以及对应的webpack配置。 https://cli.vuejs.org/zh/guide/ 安装node,版本要大于8.9 安装npm(Node.js自带了软件包管理工具npm) cnpm安装 由于国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。 你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm: npm install -g cnpm --registry=htt

草木红的博客 2272

【SAP PO】SAP PO 接口配置完整教程之二REST服务对接

SAP PO 接口配置完整教程之二REST服务对接

XLevon的博客 1万+

Plant simulation、Flexsim、Automod、Emulate3D、VisuaComponent仿真软件对比

E3D在行业内以展示效果好,入门阶段易学易用人机界面友好,电控仿真连接方便不需要借助其他第三方软件,E3D平台开放度较高用户DIY程度强,数据分析功能针对要评定对象的KPI的可根据项目或者使用者需求进行评定。3.支持导入导出多种格式的文件,比如dwg、dxf、fbx、obj、3ds、step、stp、iges、skp、stl、wrl、 bmp 等等。3.软件自带模型组件库程序代码开放,用户可以引用、修改、拷贝,按照自己的逻辑修改模型,或者创建模型并保存到组件库与别人共享。3. 支持导出布局图片。

qq_43342303的博客 3581

vue-cli不同版本对比(vue-cli2/cli3/cli4)

版本/操作 vue-cli2 vue-cli3/cli4 vue-cli下载安装          npm install vue-cli -g          npm install -g vue@cli 创建新项目 vue init webpack 2.0project vue create 3.0project 启动项目 npm run dev npm ru...

@微你 2379

YOLOv改进 | YOLOv11添加WTConv小波卷积,能够更有效地捕捉局部和全局特征

在计算机视觉目标检测领域,YOLO(You Only Look Once)系列算法凭借“单阶段检测”的高效性(一次前向传播同时完成目标定位与分类),已成为工业界与学术界的主流选择。从YOLOv1到YOLOv11,算法持续迭代优化,在速度与精度之间寻求平衡,广泛应用于自动驾驶、智能安防、工业质检等场景。为解决上述问题,本文提出一种基于,将输入特征图分解为不同频率的子带(低频全局信息与高频局部细节),并分别通过卷积操作提取局部与全局特征,最后融合多尺度特征,从而更有效地捕捉目标的局部细节与全局结构。

走向CTO的路上... 1249

vue-cli2/3/4的区别

这里写目录标题1、安装、卸载2、项目创建3、项目结构4、项目启动 1、安装、卸载 vue-cli2: 全局安装:npm install -g vue-cli 或 cnpm install -g vue-cli 卸载:npm uninstall -g vue-cli 或 cnpm uninstall -g vue-cli vue-cli3: 全局安装:npm install -g @vue/cli@版本号 或 cnpm install -g @vue/cli@版本号 卸载:npm uninstall -g

忘缘 1万+

ARM功耗管理软件之DVFS&AVS

思考:功耗管理软件栈及示例?WFI&WFE?时钟&电源树?DVFS&AVS?

AI-安全-功耗 1232

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

使用vite创建vue项目和使用vue-cli创建项目的区别

Vite 是一个 web 开发构建工具,由于其原生 ES 模块导入方式,可以实现闪电般的冷服务器启动。 通过在终端中运行以下命令,可以使用 Vite 快速构建 Vue 项目。 使用 npm: $ npm init @vitejs/app <project-name> $ cd <project-name> $ npm install $ npm run dev 或者 yarn: $ yarn create @vitejs/app <project-name> $ cd

NolanKy 的 技术博客 9608

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

vue-cli4的使用

文章目录vue-cli4的使用vue-cli2到vue-cli3再到vue-cli4一份超级详细的Vue-cli4.0使用教程主要内容:安装:卸载旧版本:Node版本要求:安装vue-cli:零配置启动/打包一个`.vue`文件:安装扩展:如下图,只需一个.vue文件,就能迅速启动一个服务:第一次创建项目:1. 命令行:2. 选择模板:3. 选择配置:4. 选择css预处理器:5. 是否使用路由的`history`模式:6. 选择Eslint代码验证规则:7. 选择什么时候进行代码规则检测:8. 选择e2e

weixin_42131544的博客 4061

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

安装vue脚手架@vue/cli 4.5.13(稳定版)

安装vue脚手架vue/cli@3.12.1(稳定版) 最近从0搭建一个 vue 简单的 h5 页面,还记得以前自己是用 vue-cli 2.0的版本 里面有默认配置好的webpack配置,但现在很多小伙伴都已经用最新的 @vue/cli 4+ 版本了,毕竟 @vue/cli 3 以上 的版本,比 2.0 的配置文件简洁了很多,当然你还得跟上时代的脚步,不然你就被淘汰了。但自己搭建过的小伙伴都应该知道, ...

分享与记录前端点滴 1万+

vue项目vue-cli(脚手架)创建方式和webpack创建方式的区别

创建vue项目的两种方式与区别 运行环境: 下载地址:node.js中文官网 http://nodejs.cn/download/ 工具visual studio code: https://code.visualstudio.com/ 全局安装 vue-cli ,在命令行工具中输入命令行: $ cnpm install vue-cli -g 全局安装webpack,在命令行工具中输入...

klz 6713

vue-cli3/4 vue ui创建elementui项目

1、安装vue-cli3/4 MacBookPro:elementui zhangxm$ npm install -g @vue/cli 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 i...

xidianzxm 1319

VUE:vue-cli4创建普通vue3项目及环境搭建

关于vue-cli4.0创建vue3项目及环境搭建

干饭搬砖两不误。 1590

关于脚手架vue/cli4.x的使用

官方文档 https://cli.vuejs.org/zh/guide/installation.html 1.安装 官方文档上有说明,在安装最新的脚手架之前最好先卸载旧版本的vue/cli。 npm uninstall vue-cli -g 同时也需要保持node 的版本8.9 或更高版本 (推荐 8.11.0+),如果你的电脑上还没有安装与此版本相匹配的Node版本,建议先安装。 那么现在...

一条会流泪的鱼 3120

Vue-cli3 项目创建

简介 之前写过一篇文章Vue-cli项目创建,主要是针对Vue-cli3.0版本之前的,由于现在Vue-cli版本更新到了3.0,而且创建项目的一些情况也发生了变化,所以本篇将在基于Vue-cli3.0以上版本创建项目,大家可以参考一下Vue-cli2.0版本(这里的Vue-cli3.0版本之前统称为2.0版本)和Vue-cli3.0版本的不同之处,不要混淆了。 大家也可以进入Vue-cli3官网...

Eirunye的博客 8400

不同版本vue-cli区别 详解

目录 vue-cli 命令 项目结构 设置环境变量 (一)vue-cli 命令 1. vue-cli下载安装: vue-cli2: npm install vue-cli -g vue-cli3/cli4: npm install -g vue@cli 2. 创建新项目 vue-cli2: vue init webpack 2.0project vue-cli3...

林夏天的博客 7220

Vue2之使用Vue-cli创建Webpack工程化项目

使用cli创建Webpack工具进行开发。

xrkhy的博客 1444
下一篇: Webpack安装方式、webpack-dev-server、html-webpack-plugin、各种loader、Babel、vue如何使用
阿木木小公主
博客等级 码龄6年 2粉丝 5原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值