Vue2.X Vue-CLI简介

最新推荐文章于 2024-06-23 20:39:24 发布
最新推荐文章于 2024-06-23 20:39:24 发布
阅读量250 收藏
点赞数
分类专栏： VUE 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36695838/article/details/114993093
版权
这篇博客是作者学习Vue的笔记，主要介绍了Vue-CLI，它是Vue官方的脚手架工具，用于快速搭建项目结构。Vue-CLI简化了项目的配置，降低了初学者的入门难度。内容包括Vue-CLI的安装、使用方法以及不同版本项目结构的解读。
摘要由CSDN通过智能技术生成

Vue2.x Vue-CLI简介

写在前面： 此博客记录自己学习vue学习笔记，如有侵权，联系删！
学习来源： Vue + Vue-Cli 快速入门教程
李南江老师各平台账号：

  • 微博：极客江南
  • 微信公众号：李南江
  • 腾讯课堂： 李南江
  • 网易云课堂：李南江

什么是Vue-CLI(Command Line Interface)?
Vue-CLI是vue官方提供的脚手架工具,
默认已经帮我们搭建好了一套利用webpack管理vue的项目结构

如何安装Vue-cli和使用Vue-CLI?
安装脚手架工具: npm install -g @vue/cli
检查是否安装成功: vue --version
通过脚手架创建项目: vue create project-name

通过Vue-CLI生成的项目结构解读
1、在Vue-CLI2.x中生成的项目结构中我们能够看到build文件夹和config文件夹
这两个文件夹中存储了webpack相关的配置, 我们可以针对项目需求修改webpack配置
2、在Vue-CLI3以后生成的项目结构中已经没有了build文件夹和co

最低0.47元/天 解锁文章
Jasivc
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-cli2的使用
bakelFF的博客
03-07 2704
什么是vue-cli vue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板；   预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个估计项目就是脚手架，我们的开发更加的快速； 需要的环境 需要注意的是vue-cli2不支持较高的node.js版本，我下的是12的版本 Node.js：http://nodejs.cn/download/ 安装就是无脑的下一步就好，安装在自己的环境目录下 Git：https://git-scm.com/doen
vue2+Vue-Cli&其他配置
yuzheh521的博客
10-12 947
1.webpack 1.1package.json文件 { "name": "yzh", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build" }, //开发上线需要的包 -s "dependencies": { "core-js": "^3.6.5", "vu.
Vue-cli（2.X）的简单入门（创建项目、 Vue工程改造、Vue组件）
Dean_xiu的博客
01-18 528
文章目录Vue-CLI的安装 Vue-CLI的安装 执行以下命令进行安装 npm install -g @vue/cli 命令成功执行结束后显示如下： 使用以下命令进行查看Vue-Cli的版本 vue --version
如何使用Vue Cli搭建vue2的项目基础
最新发布
Mrs_Lupin的博客
06-23 521
第九步：将配置文件放在单独的文件中或者放在package.json文件中。前两个为默认安装babel和eslint的安装，最后一个是自定义安装。第十步：是否保存此次配置，下次初始化项目将会沿用此次配置(一般选N)最后：运行最下方两条指令，打开网页看到绿色大V即成功。第五步：历史模式(不出现#)或路由模式(出现#)Linter/Formatter 语法规范。第三步：选择如下所示的五个(*)的配置。第六步：使用less作为预处理器。第七步：无分号规范（标准化）第二步：自定义创建项目。Babel 语法降级。
Vue CLI 2.x搭建vue(目录最全分析)
m0_52775179的博客
08-11 219
ps：require/export是一种nodeJs(commonJs规范)的依赖注入的方法，import/export是ES6语法，用于引入模块，在nodeJs中使用的ES6语法最终会使用babel工具（babel-loader）转化为ES5。：浏览器解析的兼容配置，该文件主要是对预设（presets）和插件（plugins）进行配置，因此不同的转译器作用不同的配置项，大致可分为：语法转义器、补丁转义器、sx和flow插件。： autoprefixer（自动补全css样式的浏览器前缀）；
【vue2.x(五)】vue-cli脚手架
欢迎来到【战羽】的博客
03-27 3141
1. vue-cli简介 什么是vue-cli ​ vue官方提供的一个脚手架工具，用于初始化一个Vue项目。 vue-cli优势 ​ 1）成熟的vue项目架构设计，而且会跟随vue版本的更迭而更新； ​ 2）提供了一套本地的热加载的测试服务器； ​ 3）集成了一套打包上线的方案，可使用webpack或Browserify等构建工具； vue-cli版本发展 ​ 版本详见https://github.com/vuejs/vue-cli/blob/dev/CHANGELOG.md。 ​ 我们选择使用Vue C
vue-cli介绍
weixin_49231143的博客
03-24 3878
学习vue的一个转折点是学习vue-cli(脚手架)，初识脚手架，一开始你会想到什么呢？是不是想工地里架起来的钢筋，条条框框的一个框架一样。让我们来一下了解一下cli 文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考
基于 Vue2.x、Vue-Cli4、vant2.x 的移动端 H5 移动端应用（偏向商城）
04-11
1、资源内容：基于 Vue2.x、Vue-Cli4、vant2.x 的移动端 H5 移动端应用（偏向商城） 2、适用人群：计算机，电子信息工程、数学等专业的学习者，作为“参考资料”参考学习使用。 3、解压说明：本资源需要电脑端使用...
vue-cli2与vue-cli3在一台电脑共存的实现方法
10-16
主要介绍了vue-cli2与vue-cli3在一台电脑共存的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue2.x-vant-demo
04-11
【Vue2.x-Vant-Demo】是一个基于Vue2.x框架和Vant UI库的示例项目，用于展示如何在实际开发中应用这两个技术。Vue2.x是目前广泛使用的前端JavaScript框架，它提供了组件化、虚拟DOM、响应式数据绑定等功能，极大地...
基于 vite4.x-vue-cli5.x + vue3.x + ant-de-vue3-antdv-admin.zip
11-06
2. **Vue CLI 5.x**： Vue CLI（Vue.js命令行接口）是官方提供的脚手架工具，用于快速搭建Vue应用。Vue CLI 5.x引入了更多优化，如更快的初始化速度、更好的插件系统和对Vue 3的全面支持，旨在提高开发者效率。 3....
vue-cli-plugin-quasar：Quasar Framework Vue CLI插件
02-03
类星体框架：vue-cli-plugin-quasar :rocket: 在2分钟内开始使用Quasar Framework构建Vue应用！ :warning_selector: 为了获得Quasar的高级（推荐）体验，包括构建Mobile＆Electron应用程序以及轻松升级到新...
Vue2之Vue-cli应用及组件基础认识
熊凯瑞的博客
02-15 1123
vue-cli是Vue.js开发的标准工具，它简化了程序员基于webpack创建工程化的Vue项目的过程。中文官网Vue实例的$mount()方法，作用和el属性完全一样。主要代码写在template标签下，JavaScript代码则写在script标签下，同时还必须有export default，CSS代码写在style标签下，也必须有lang=“less”。
vue-cli创建vue2或vue3新项目步骤【留底收藏】
刻痕
12-24 8172
vue-cli创建vue2或vue3新项目步骤 1. 安装：node(已安装忽略，命令行：node -v 检查是否成功）2.cnpm或 yarn安装（非必须，npm也可以的）yarn安装：npm install -g yarn 查看版本：yarn -v cnpm安装：npm install -g cnpm -registry=https://registry.npm.taobao.org 查看版本：cnpm -v （备注：不要用npm install cnpm -g安装）...
Vue2：Vue2 @vue/cli脚手架
孤安先生的博客，作者主站正在重构中，敬请期待！
11-08 2652
Vue 是一个 JavaScript 渐进式框架。一个可接近的，性能和通用的框架，用于构建web用户界面。
vue2、vue-cli学习笔记，持续更新中~
chirou_的博客
12-12 314
vue2，vue-cli最详细学习笔记
Vue2学习——Vue CLI
hhhjjj201830341的博客
05-04 826
使用Vue CLI快速创建一个工程
vue-cli ,vue2项目的完整搭建，新建，配置，路由配置，API封装，到打包上线
lin_s_c的博客
08-05 5867
发现当我重新开发一个项目的时候，偶尔会忘记某些步骤，所以做个整理便于以后查看！项目开始的时候当然是做技术选型，还有用什么框架啊，插件啊，都先设计好，这样在开发过程中也不会太曲折！ 项目搭建的过程，在本文中划分为6个部分 安装node，安装全局vue，安装vue-cli检查安装是否成功 因为个人习惯这里用vue2来举例，新建一个文件夹，进入到文件夹，命令行输入如下图所示：安装 进入项目：启动项目：浏览器打开： 这时候项目就新建完成啦～可以开始进行创作 附加：vue项目目录讲解 最常用的是esline配置
Vue3.x升级与cli脚手架实战
本资源主要介绍了Vue 3.x的新特性及升级步骤，重点围绕Vue CLI 脚手架展开。Vue CLI 是由Vue官方提供的用于快速构建Vue应用的工具，它简化了Webpack的配置，并提供了热更新功能，通过webpack-dev-server提供实时刷新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值