Vue & Vue cli

已于 2022-04-27 09:03:10 修改
阅读量1.1k 收藏 1
点赞数 2
文章标签： vue vue.js
于 2022-03-24 15:10:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45956028/article/details/123711574
版权

Vue与Vue CLI的对比

目录

简单理解

Vue CLI = Vue + 一堆的js插件

区别

  • Vue CLI是一个基于Vue.jd进行快速开发的完整系统，是一个脚手架，通俗点说就是代码生成器，可以快速生成一套基于Vue完整的前端框架，单独编译，单独部署。可以再集成各种第三方插件，扩展出更多的功能。
  • vue是构建用户界面的渐进式JavaScript 框架。
  • 在两者的区别上，vue是个成熟的框架，然而对于Vue-cli来说的话本身只是个脚手架。

版本号对应

  • Vue CLI 4.5以下，对应的是Vue2
  • Vue CLI 4.5及以上，对应的是Vue3，创建项目的时候可以选择Vue2

版本查看

  • vue clie
    在这里插入图片描述
  • vue
    在这里插入图片描述
机智的小神仙儿
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Vue-cli环境配置
06-22
NodeJS环境配置、Vue创建启动、VSCode开发使用
vue-cli
qq_33879627的博客
09-28 388
（十六）vue-cli 16.1 vue-cli起步 16.1.1 什么是vue-cli Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过 @vue/cli 搭建交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。 一个运行时依赖 (@vue/cli-service)，该依赖： 可升级； 基于 webpack 构建，并带有合理的默认配置； 可以通过项目内的配置文件进行配置； 可以通过插件进行扩展。 一
vue框架-vue-cli
qq_44715376的博客
02-18 1213
VUE-cli
vue的版本与vue-cli的版本区别及与element前端组件的兼容版本
怡暘
05-13 2628
根据文章"如何升级Vue的版本 vue2.9.6升级到vue3.0"内容的补充 一. vue的版本与vue-cli的版本区别: 最近对于项目创建时候发现了一个问题,及一些需要总结的vue使用命令,如下: 1. 在项目中: (1) npm list,可以查看当前项目当中安装的所有依赖及其对应的版本; (2) npm list vue,可以查看当前项目当中安装的所有与vue相关的依赖及对应的版本; 2. 在dos界面下,系统全局环境下: (1) vue -V 或者 vue --version 查询的是vue-c
基于Vue-cli快速搭建项目的完整步骤
12-09
前言 vue-cli 是一个官方发布 vue.js 项目脚手架，Vue-cli可以快速帮助我们创建一个项目，这是官方给我们提供的脚手架。下面我说一下vue-cli的使用方法。 下面话不多说了，来一起看看详细的介绍吧 一、准备工作 在使用vue-cli时，首先需要安装nodejs，npm，其次需全局安装vue和vue-cli 　　1、nodejs和npm安装方法详见：https://www.jb51.net/article/90518.htm 　　2、npm install -g vue 　　3、npm install -g vue-cli 二、vue-cli快速搭建项目 安装完成后，同时在
vue-cli和vue有什么区别
青春木鱼的博客
12-11 2773
🍀 扩展知识 “vue-cli”和vue的区别：vue是“vue.js”的简称，是一个成熟的用于构建用户界面的JavaScript渐进式框架，而“vue-cli”是vue基础上进行开发的工具系统，是vue框架的一个命令工具。
【CSDN软件工程师能力认证学习精选】vue.js 三种方式安装(vue-cli)
CSDN高校俱乐部官方博客
02-26 2060
CSDN软件工程师能力认证（以下简称C系列认证）是由中国软件开发者网CSDN制定并推出的一个能力认证标准。C系列认证历经近一年的实际线下调研、考察、迭代、测试，并梳理出软件工程师开发过程中所需的各项技术技能，结合企业招聘需求和人才应聘痛点，基于公开、透明、公正的原则，甑别人才时确保真实业务场景、全部上机实操、所有过程留痕、存档不可篡改。 我们每天将都会精选CSDN站内技术文章供大家学习，帮助大家系统化学习IT技术。 Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web .
Vue-CLI详解
热门推荐
输入技术、输出想法
04-28 2万+
Vue-CLI详解Vue-CLI详解Vue CLICLI是什么意思?拉取 2.x 模板 (旧版本)Vue CLI2创建项目目录结构详解Runtime-Compiler和Runtime-only的区别render和templateVue程序运行过程render函数的使用Vue CLI3创建vue-cli3目录结构详解配置去哪里了？修改配置箭头函数基础语法 Vue-CLI详解 如果你只是简单写几个Vue的Demo程序, 那么你不需要Vue CLI;如果你在开发大型项目, 那么你需要, 并且必然需要使用Vue C
Vue CLI的详细介绍与讲解
zayyo的博客
07-03 1万+
如果你只是简单写几个Vue的Demo程序, 那么你不需要Vue CLI。 如果你在开发大型项目, 那么你需要, 并且必然需要使用Vue CLI 使用Vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作，那无以效率比较低效，所以通常我们会使用一些脚手架工具来帮助完成这些事情。CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架。Vue CLI是一个官方发布 vue.js 项目脚手架。使用 vue
什么是vue_cli(转载)
zy103118的博客
05-31 1万+
版权声明：本文为CSDN博主「知其黑、受其白」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/weiguang102/article/details/124224766 vue-cli vue-cli 就是快速搭建一个 vue 项目的脚手架工具。 VueCLI是一个官方发布vue.js项目脚手架，使用 VueCLI 可以快速搭建 vue 开发环境，以及对应的 webpack 配置。 1、CLI 是 Command
详解项目升级到vue-cli3的正确姿势
12-02
一. 原以为升级vue-cli3的路线是这样的： 创建vue-cli3项目，按原有项目的配置选好各项配置 迁移目录 src->src static->public 对比新旧 package.json ，然后 yarn install ，完毕。 然鹅… 运行项目，报错 You are using the runtime-only build of Vue...... ： 然后去查了下旧项目的相关字眼文件： 噢，原来是vue-cli3的webpack相关文件都得自己写。于是乎根据官网的指引，在根目录创建了 vue.config.js 此时粗略配置： chainWebpack: co
vue_cli.zip
05-06
一、启用了eslint，该项目包包含：main.js导入的常用框架组件(vant、mintUI、swiper、moment、VueJsonp、fastclick、VueLazyload、axios)。 二、在index.html中初始化国产浏览器和IE的渲染模式、SEO、苹果私有属性、适配移动端，视口适配+rem方式。 三、vue.config.js配置并安装好了html-loader。 四、postcss.config.js利用了postcss-pxtorem 将px自动转rem。 五、.browserslistrc文件借助webpack实现CSS3/ES678语法兼容。 六、assets文件夹包含封装好的directive、fillter、storage、eventBridge 七、assets下的css是做好的scss混合，不需要可以删除 八、src下api文件夹已经封装好了axios。 九、components下的都可以删掉，只是为了方便写项目时测试使用
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
vue和vue-cli的区别与联系
@tangguo123 博客
09-01 5696
概念： vue：是一套框架，用于构建用户界面的渐进式框架。 Vue-cli： 而vue-cli 是一个基于 Vue.js进行快速开发的完整系统。 区别： vue是一整套框架，而vue-cli只是它其中的一个脚手架 联系： vue-cli 是vue的命令行工具 一个完整的vue项目核心构成 ...
vueCli项目实战（超详细保姆级教学）
SuperTun的博客
01-10 2168
vueCLi项目实战（超详细保姆级教学）
脚手架(vue-cli)的安装详细教程
weixin_62268437的博客
07-28 2474
这时候就会出现对应的版本，如果你能终端打印出来这个，说明已经成功一半了，但是这个版本太高了，有时候运行项目的时候会报错，此时我们需要把版本降低，那么如何把版本降低呢？可以把这个链接复制到浏览器回车，也可以左手按住ctrl，右手鼠标点击，他会发生页面跳转，一般是这样子的，但是不一定所有电脑都行，但是前者肯定是可以的！此时你会发现你可能卡到一个地方很久，一直没有动 ，这时候我们可以考虑去切换淘宝镜像或者阿里镜像，这样子下载会快许多！选择要安装的位置，不是必须要安装到C盘中，想安装到哪里就安装到哪里！
vue 和 vue-cli 的区别和关联
ivenqin的博客
09-30 2551
基本概念 vue：是一套框架，用于构建用户界面的渐进式框架。 Vue-cli： 而vue-cli 是一个基于 Vue.js进行快速开发的完整系统。 Vue vue主要是从基础知识、组件的了解、动画的过渡、可复用性和组合以及工具、模块化的管理。 Vue-cli vue-cli 主要是从搭建交互式脚手架、零配置原型开发、基于webpack构建并进行配置、插件和Preset的扩展以及图形化的创建和Vue.js项目的用户界面管理等。 区别和关联 区别： vue是一整套框架，而vue-cli只是它其中的一个脚手架
Vue 命令行工具 Vue-CLI 详解
wgchen
04-21 1万+
阅读目录阐述vue全家桶vue-cliVue CLI 的安装① 默认安装 vue/cli 脚手架 3② 默认安装失败，解决mode版本问题③ nvm下载太慢问题解决④ 安装 Node ^12.0.0⑤ 从新安装 VueCli 脚手架 3④ 拉取 2.x 模板 (旧版本)⑤ 安装vue指定版本⑥ 博主node版本初始化项目① vue init命令讲解② 项目初始化③ 目录结构详解④ 运行项目node 安装适合小白1 去node官网下载2 下载完成后双击安装包，跳出安装弹窗，点击Next从新来过vue-cli
Vue3选项式和组合式生命周期说明
最新发布
weixin_44072254的博客
05-16 401
setup -beforeCreate和created的统称，只在composition里面取消这两个，可以在这里进行数据请求。onUpdated-更新，可以获取到更新后的实例，避免在此期间更改数据，因为这可能会导致无限循环的更新。updated-更新，可以获取到更新后的实例，避免在此期间更改数据，因为这可能会导致无限循环的更新。组件已被拆解，数据绑定被卸除，监听被移出，子实例也统统被销毁。组件已被拆解，数据绑定被卸除，监听被移出，子实例也统统被销毁。beforeUpdate-更新前，可以在此更改数据。
vuecli和vue
09-01
Vue CLI是一个基于Vue.js进行快速开发的完整系统，是一个脚手架，可以快速生成一套基于Vue完整的前端框架。它可以集成各种第三方插件，扩展出更多的功能。它是用来帮助开发者快速搭建Vue项目的工具。而Vue是构建用户...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

机智的小神仙儿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值