Vue CLI 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Vue CLI 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
Vue CLI 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
Vue CLI 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
Vue CLI 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发Vue 组件
开源组织
地区 国产
投 递 者 王练
适用人群 未知
收录时间 2018-08-13

软件简介

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供:

  • 通过 @vue/cli 搭建交互式的项目脚手架。

  • 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。

  • 一个运行时依赖 (@vue/cli-service),该依赖:

    • 可升级;

    • 基于 webpack 构建,并带有合理的默认配置;

    • 可以通过项目内的配置文件进行配置;

    • 可以通过插件进行扩展。

  • 一个丰富的官方插件集合,集成了前端生态中最好的工具。

  • 一套完全图形化的创建和管理 Vue.js 项目的用户界面。

Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题。与此同时,它也为每个工具提供了调整配置的灵活性,无需 eject。

该系统的组件

Vue CLI 有几个独立的部分——如果你看了项目的源代码,你会发现这个仓库里同时管理了多个单独发布的包。

CLI

CLI (@vue/cli) 是一个全局安装的 npm 包,提供了终端里的 vue 命令。它可以通过 vue create 快速创建一个新项目的脚手架,或者直接通过 vue serve 构建新想法的原型。你也可以通过 vue ui 通过一套图形化界面管理你的所有项目。

CLI 服务

CLI 服务 (@vue/cli-service) 是一个开发环境依赖。它是一个 npm 包,局部安装在每个 @vue/cli 创建的项目中。

CLI 服务是构建于 webpack 和 webpack-dev-server 之上的。它包含了:

  • 加载其它 CLI 插件的核心服务;

  • 一个针对绝大部分应用优化过的内部的 webpack 配置;

  • 项目内部的 vue-cli-service 命令,提供 servebuild 和 inspect 命令。

如果你熟悉 create-react-app 的话,@vue/cli-service 实际上大致等价于 react-scripts,尽管功能集合不一样。

CLI 服务章节涵盖了它的具体用法。

CLI 插件

CLI 插件是向你的 Vue 项目提供可选功能的 npm 包,例如 Babel/TypeScript 转译、ESLint 集成、单元测试和 end-to-end 测试等。Vue CLI 插件的名字以 @vue/cli-plugin- (内建插件) 或 vue-cli-plugin-(社区插件) 开头,非常容易使用。

当你在项目内部运行 vue-cli-service 命令时,它会自动解析并加载 package.json 中列出的所有 CLI 插件。

插件可以作为项目创建过程的一部分,或在后期加入到项目中。它们也可以被归成一组可复用的 preset。

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (2)

加载中
的方式对付十大科技示范户时刻都能
2020/12/22 23:54
回复
举报
我们提供UI出静态页面代码服务,50/页,也可以联系我们的官网:https://haomo-tech.com(V:husiping626)
2020/07/03 17:21
回复
举报
更多评论
发表于开发技能专区
2018/08/13 11:54

Vue CLI 3.0 正式发布,Vue.js 开发标准化工具

Vue CLI 3.0 已发布,该版本经历了重构,旨在: 减少现代前端工具的配置烦扰,尤其是在将多个工具混合在一起使用时; 尽可能在工具链中加入最佳实践,让它成为任意 Vue 应用程序的默认实践。 Vue CLI 是 Vue 应用的标准化构建工具(链),核心是提供基于 webpack 4 构建的预配置构建设置,目标是最大限度地减少开发者必须经历的配置过程。因此,Vue CLI 3 对具备以下特点的项目都支持开箱即用: 预配置的 webpack 功能,如模块热...

21
36
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于数据库专区
2020/01/02 11:53

VUE-vue-cli

9.vue-cli 9.1.介绍和安装 在开发中,需要打包的东西不止是js、css、html。还有更多的东西要处理,这些插件和加载器如果我们一一去添加就会比较麻烦。 幸好,vue官方提供了一个快速搭建vue项目的脚手架:vue-cli 使用它能快速的构建一个web工程模板。 官网:https://github.com/vuejs/vue-cli 安装命令:npm install -g vue-cli 9.2.快速上手 我们新建一个module: 切换到该目录: 用vue-cli命令,快速搭建一个webpack的项目:v...

0
0
发表了博客
2018/10/12 17:21

Vue-cli

### 安装vue-cli 安装vue-cli的前提是你已经安装了npm,安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node,我这里的npm版本为3.10.10。如果该命令不可以使用,需要安装node软件包,根据你的系统版本选择下载安装就可以了。 下载地址:http://nodejs.cn/download/ npm没有问题,接下来我们可以用npm 命令安装vue-cli了,在命令行...

0
0
发表了博客
2018/09/04 11:01

VUE-CLI

Vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目。 1、在安装好nodejs环境下 2、全局安装vue-cli npm install -g vue-cli 若失败,使用npm cache clean 清理缓存 3、执行 vue init webpack-simple my-project 初始化、 模板、项目名称 4、cd my-project 5、npm install 下载依赖的包 6、启动当前项目npm run dev 组件的使用 比如有这之前的一个自定义的...

0
0
2019/03/13 22:43

vue-cli

# vue-cli 脚手架是指通过输入简单指令帮助你快速搭建好一个基本环境的工具。 ## vue-cli的安装步骤 1. 安装vue-cli,配置vue命令环境  - 在安装node的前提下,npm install vue-cli -g  - vue-version 测试是否安装成功 2. 初始化项目,生成项目模板  - vue list 查看vue-cli提供了几个模板给开发者用于不同类型的项目  - vue init webpack demo 3. 进入生成的项目目录,安装依赖和运行项目...

0
0
发表于大前端专区
2019/01/12 00:23

vue-cli

# 主流前端框架 * 前端框架三巨头: > **Vue.js:vue.js以轻量易用著称** > > React.js:vue.js和React.js发展速度最快, > > AngularJS:AngularJS是老大。 ## vue-cli * 为什么使用? > 在开发中,需要打包的东西不止是js、css、html。还有更多的东西要处理,这些插件和加载器如果我们一一去添加就会比较麻烦。 > >**vue官方提供了一个快速搭建vue项目的脚手架:vue-cli,使用它能快速的构建一个web工程模板。** * 官网:https:/...

0
0
发表于大前端专区
2017/02/13 15:05

vue-cli

vue-cli是什么? vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的。 vue-cli怎么使用? 安装vue-cli之前,需要先安装了vue和webpack,不知道怎么安装的可以看我之前的文章《Vue + Webpack 实现SPA应用文档》 安装vue-cli npm install -g vue-cli                       //全局安装vue-cli vue init webpack projectName        //生成项目名为projectName的模板,这里的项目名projectName随你自...

1
0
发表于大前端专区
01/14 18:01

vue-cli

vue-cli 1 下载安装 npm install -g @vue/cli@3.0.1 2查看版本 vue -version 3下载原型工具 npm install -g @vue/cli-service-global@3.0.1 4 运行单文件 vue serve a.vue 5 创建项目 vue create a 6运行项目(先进入项目) vue run serve

0
0
发表了博客
2018/01/16 15:21

vue-cli 第一讲----安装vue-cli

本笔记原文网址:http://jspang.com/2017/04/10/vue-cli/#two 一、安装vue-cli 安装vue-cli的前提是你已经安装了npm,安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node,我这里的npm版本为3.10.10。如果该命令不可以使用,需要安装node软件包,根据你的系统版本选择下载安装就可以了。 下载地址:http://nodejs.cn/download/ ...

0
0
发表了博客
2018/07/31 14:39

vue-cli(vue脚手架)

都说 Vue2 简单上手容易,的确,看了官方文档确实觉得上手很快,除了 ES6语法和 webpack 的配置让你感到陌生,重要的是思路的变换,以前用jq随便拿全局变量和修改 dom 的锤子不能用了,vue 只用关心数据本身,不用再频繁繁琐的操作 dom,注册事件、监听事件、取消事件。。。。(确实很烦)。vue 的官方文档还是不错的,由浅到深,如果不使用构建工具确实用的很爽,但是这在实际项目应用中是不可能的,当用 vue-cli 构建一个工程...

0
0
发表于大前端专区
2017/07/22 16:50

vue及vue-cli的安装

npm install -g cnpm --registry=https://registry.npm.taobao.org npm install --registry=https://registry.npm.taobao.org cnpm install -g vue-cli vue init webpack app cd app npm install npm run dev http://www.cnblogs.com/dreling/p/6892684.html...

2
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于程序人生专区
08/16 12:20

到底是能力重要还是学历重要?

之所以发这篇心得,我是想用自己的亲身经历,来告诉后来人,学历的重要性。 2006年,考大学,那会傻傻呼呼,根本不关心报考的专业未来能做什么,是否是自己的强项,于是乎就看着专业名字,感觉很牛逼的样子就填了上去,考上了西安某高校电子信息工程专业。我是理科生,生物化学牛逼到不像话,尤其是生物,物理是烂到电磁波能把自己辐射死那种。 2006年9月,我怀着激动的心情来到大学校园,准备开始我人生的新篇章,结果,一年半...

29
0
2020/05/25 23:11

vue-cli 4.x 没有生成vue.config.js

我本地创建的vue项目生成的项目中没有vue.config.js和package-lock.json等一众文件,下面截图中左侧(别人使用cli3创建的)的图和右侧(我本地创建)的项目结构,可以发现右侧少了好几个文件。 通过命令查看我本地的vue-cli版本如下: D:eclipse_workspacebnpinche-pcrrpc-pc>vue -V @vue/cli 4.3.1 请教大佬们为什么本地创建的项目没有左侧项目的那些文件。 注:我本地安装vue-cli使用的命令如下: npm install -g @vue/cl...

3
1
2019/07/18 16:51

关于vueq前端导出Excel乱码的问题

excel在后台生成的文件是正常的,postman测试也是正常的,但是在vue页面做导出就会是乱码。前端代码在下图中。content-Type设置为application/vnd.ms-excel也是乱码。

6
0
2020/07/01 16:26

纯前端用XLSX插件导入Excel 解析时间问题

问题: 页面导入Excel文件 通过XLSX插件解析Excel,Excel中有时间字段,XLSX解析后把他转换为了小数,具体原因如下: Excel内容: 如图这个是需要导入得Excel文件内容, 通过XLSX解析后变成这样了 控制台输出 web页面展示 PS: 在网上找了很久,最后找的了在XLSX.read()函数上加个 cellDates: true 就可以吧他转换为Sat Dec 30 1899 06:08:33 GMT+0805 (中国标准时间)的格式, 但是这并不是我想要的 我想要的格式是 YYYY-MM-DD , 求 解 答...

3
0
2020/04/23 10:24

2020入坑前端,来自90后老男孩的最后一次挣扎

本身Java后台开发,有一点前端开发基础,了解vue全家桶、webpack、ES6语法,但不懂的地方也很多,例如: 网页是怎么响应式布局的 HTML、CSS的一些高级用法都不会 大的前端项目具体架构是什么样的,怎么开发的,在哪些地方用到了那些组件、技术 前端框架、UI框架有什么用,在项目里要用这些框架吗? …… 总体来说就是一个前端小白,好在有软件开发基础,前端的代码还能看懂一些 我的计划: 1、看《CSS权威指南 第四版》,HTML5...

39
2
2020/04/13 18:25

FileInput 图片上传 求大神

这个是什么问题啊

3
0
发表于大前端专区
2020/03/19 16:51

问题有关:Vue-axios-echarts,求大佬帮忙

java:  public List<MachineState> machinestate(){         List<MachineState> machinestate=this.echartsMapper.MachineState();         for(MachineState state:machinestate) {             if(state.getSystemstate()==1) {                 state.setState("在线");//数据拿到字段systemstate等于1是为在线状态             }else if(state.getSystemstate()==2) { ...

1
0
2020/02/19 07:50

vue-cli脚手架创建的项目疑问

大家好,使用 vue-cli创建的项目,我发现只有一个index.html 是项目首页,我们再开发其他界面内容,都是在做 vue 模块,挂在到这个html文件上,我看网上描述为:单页应用。我的理解就是,只有一个html文件,通过路由挂载不同的vue组件,展示不同的内容。 疑惑: 平时开发,都是index.html 然后跳转 比如user.html 都是html文件的跳转连接,那在vue中,user.html就要写成 user.vue模块了是吗? vue项目中允许使用html间的跳转吗?...

2
0
发表于服务端专区
2020/01/10 17:58

在vue/cli3创建的项目中import()不能用

使用vue/cli3创建的antdv项目,import() 动态引入不能用,报错如下 ./src/router/index.js Module Error (from ./node_modules/eslint-loader/index.js): error: Parsing error: Unexpected token import at src/router/index.js:65:46: 63 | path: 'juese', 64 | name: 'juese', > 65 | component: () => import('../pages/rbac/...

1
0
发表于运维专区
2019/12/13 15:33

vue-element 登录页跳转到首页,怎么实现

登录页面 首页页面已经有,并注册组件 疑问点 从入口文件到app.vue,使用<router-view/> 调用登录页,然后 点击登录按钮判断账号密码, 1,app.vue怎么布局才能区分登录页和首页 ? 2,跳转到首页的方式要怎么写?能调用到组件

11
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
2 评论
28 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部