VUE Cli教程-OStack程序员社区-中国程序员成长平台

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› VUE›VUE Cli教程

VUE Cli教程

RSS

UI 插件 API

这个 cli-ui 暴露一个 API，允许增强项目的配置和任务，也可以分享数据和在进程间进行通信。UI 文件在每个安装好的 vue-cli 插件里，cli-ui 都会尝试从其插件的根目录加载一个可选的ui.js文件。注意你也可以使用文件 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 20:40 | 阅读：675 | 回复：0
UI 本地化

标准 UI请遵循下列简单步骤来为 CLI UI 提交一种其它语言的翻译！运行navigator.languages或navigator.language为新的地区获取语言代码。例如：fr。搜索 npm 确认名为vue-cli-local_来自Vue CLI 中文教程 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 20:40 | 阅读：663 | 回复：0
UI 插件信息

你的插件在其 UI 中使用时，可以展示不同的附加信息，使其更容易被发现和辨认。Logo你可以在将要发布到 npm 上的目录的根上放置一个logo.png。它会展示在以下几个地方：搜索插件以安装时在已安装的插件列表中这个 lo ...……

作者：菜鸟教程小白 | 时间：2022-1-28 20:40 | 阅读：642 | 回复：0
Vue CLI 插件开发指南

核心概念系统里有两个主要的部分：@vue/cli：全局安装的，暴露vue create app命令；@vue/cli-service：局部安装，暴露vue-cli-service命令。两者皆应用了基于插件的架构。CreatorCreat_来自Vue CLI 中文教程 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 20:40 | 阅读：588 | 回复：0
Vue CLI vue.config.js 配置参考

全局 CLI 配置有些针对@vue/cli的全局配置，例如你惯用的包管理器和你本地保存的 preset，都保存在 home 目录下一个名叫.vuerc的 JSON 文件。你可以用编辑器直接编辑这个文件来更改已保存的选项。你也可以使用vue_来 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 20:40 | 阅读：603 | 回复：0
Vue CLI 部署

通用指南如果你用 Vue CLI 处理静态资源并和后端框架一起作为部署的一部分，那么你需要的仅仅是确保 Vue CLI 生成的构建文件在正确的位置，并遵循后端框架的发布方式即可。如果你独立于后端部署前端应用——也就是说 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 20:40 | 阅读：686 | 回复：0
Vue CLI 构建目标

当你运行vue-cli-service build时，你可以通过--target选项指定不同的构建目标。它允许你将相同的源代码根据不同的用例生成不同的构建。应用应用模式是默认的模式。在这个模式中：index.html会带有注入的资源和 re_ ...……

作者：菜鸟教程小白 | 时间：2022-1-28 20:40 | 阅读：666 | 回复：0
Vue CLI 环境变量和模式

你可以替换你的项目根目录中的下列文件来指定环境变量：.env # 在所有的环境中被载入.env.local # 在所有的环境中被载入，但会被 git 忽略.env. # 只在指定的模式中被载入.env..l_ ...……

作者：菜鸟教程小白 | 时间：2022-1-28 20:39 | 阅读：418 | 回复：0
Vue CLI CSS 相关

Vue CLI 项目天生支持PostCSS、CSS Modules和包含Sass、Less、Stylus在内的预处理器。引用静态资源所有编译后的 CSS 都会通过css-loader来解析其中的url()_来自Vue CLI 中文教程 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 20:39 | 阅读：692 | 回复：0
Vue CLI webpack 相关

简单的配置方式调整 webpack 配置最简单的方式就是在vue.config.js中的configureWebpack选项提供一个对象：// vue.config.jsmodule.exports = { configureWebpack: {_来自Vue CLI 中文教程 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 20:39 | 阅读：662 | 回复：0
Vue CLI HTML 和静态资源

HTMLIndex 文件public/index.html文件是一个会被html-webpack-plugin处理的模板。在构建过程中，资源链接会被自动注入。另外，Vue CLI 也会自动注入 resource hint (preload/prefetch、man_来自Vue CLI 中文教程 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 20:39 | 阅读：691 | 回复：0
Vue CLI 浏览器兼容性

browserslist你会发现有package.json文件里的browserslist字段 (或一个单独的.browserslistrc文件)，指定了项目的目标浏览器的范围。这个值会被@babel/preset-_来自Vue CLI 中文教程 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 20:39 | 阅读：635 | 回复：0
Vue CLI 服务

使用命令在一个 Vue CLI 项目中，@vue/cli-service安装了一个名为vue-cli-service的命令。你可以在 npm scripts 中以vue-cli-service、或者从终端中以./node_modules/._来自Vue CLI 中文教程 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 20:39 | 阅读：641 | 回复：0
Vue CLI 插件和 Preset

插件Vue CLI 使用了一套基于插件的架构。如果你查阅一个新创建项目的package.json，就会发现依赖都是以@vue/cli-plugin-开头的。插件可以修改 webpack 的内部配置，也可以向vue-cli-service注入_来自Vue CLI 中文教 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 20:39 | 阅读：674 | 回复：0
Vue CLI 创建一个项目

vue create运行以下命令来创建一个新项目：vue create hello-world警告如果你在 Windows 上通过 minTTY 使用 Git Bash，交互提示符并不工作。你必须通过winpty vue.cmd create hello-world启动这个_来自Vue CLI 中文 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 20:39 | 阅读：705 | 回复：0
Vue CLI 介绍

警告这份文档是对应@vue/cli。老版本的vue-cli文档请移步这里。Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过@vue/cli搭建交互式的项目脚手架。通过@vue_来自Vue CLI 中文教程 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 20:38 | 阅读：387 | 回复：0
Vue CLI 安装

关于旧版本如果您已经安装了旧版本的vue-cli（1.x或2.x），您需要先通过npm卸载vue-cli -g或yarn global remove vue-cli卸载它。节点版本要求Vue CLI需要 Node.js 8.9或更高版本（推荐8.11._来自Vue CLI 中文教 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 20:38 | 阅读：367 | 回复：0
Vue CLI 快速原型开发

你可以使用vue serve和vue build命令对单个*.vue文件进行快速原型开发，不过这需要先额外安装一个全局的扩展：npm install -g @vue/cli-service-globalvue serve&nb_来自Vue CLI 中文教程 ...……

作者：菜鸟教程小白 | 时间：2022-1-28 20:38 | 阅读：414 | 回复：0

客服电话

电子邮件

VUE Cli教程

UI 插件 API

UI 本地化

UI 插件信息

Vue CLI 插件开发指南

Vue CLI vue.config.js 配置参考

Vue CLI 部署

Vue CLI 构建目标

Vue CLI 环境变量和模式

Vue CLI CSS 相关

Vue CLI webpack 相关

Vue CLI HTML 和静态资源

Vue CLI 浏览器兼容性

Vue CLI 服务

Vue CLI 插件和 Preset

Vue CLI 创建一个项目

Vue CLI 介绍

Vue CLI 安装

Vue CLI 快速原型开发

关于我们

产品与服务

解决方案

139-2527-9053