AI教程网 - 未来以来,拥抱AI;新手入门,从AI教程网开始......

 分类:VUE3教程

Vue.js是一套构建用户界面的渐进式框架,采用自底向上增量开发的设计。Vue3是 Vue.js的的改进版本。

VUE3教程

Vue3 UI 本地化

Vue3 UI 本地化
标准 UI 请遵循下列简单步骤来为 CLI UI 提交一种其它语言的翻译! 运行 navigator.languages 或 navigator.language 为新的地区获取语言代码。例如:’fr’。 搜索 n...

AI君 4年前 (2020-03-04) 65℃ 2喜欢

VUE3教程

Vue3 UI 插件 API

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

AI君 4年前 (2020-03-04) 67℃ 1喜欢

VUE3教程

Vue3 UI 插件信息

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

AI君 4年前 (2020-03-04) 60℃ 1喜欢

VUE3教程

Vue3 插件开发指南

Vue3 插件开发指南
核心概念 系统里有两个主要的部分: @vue/cli:全局安装的,暴露 vue create <app> 命令; @vue/cli-service:局部安装,暴露 vue-cli-service 命令。 两者皆应用了基于插件...

AI君 4年前 (2020-03-04) 63℃ 1喜欢

VUE3教程

Vue3 vue.config.js 配置参考

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

AI君 4年前 (2020-03-04) 65℃ 2喜欢

VUE3教程

Vue3 部署

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

AI君 4年前 (2020-03-04) 67℃ 1喜欢

VUE3教程

Vue3 构建目标

Vue3 构建目标
当你运行 vue-cli-service build 时,你可以通过 –target 选项指定不同的构建目标。它允许你将相同的源代码根据不同的用例生成不同的构建。 应用 应用模式是默认的模式。在这个模式中: index.htm...

AI君 4年前 (2020-03-04) 66℃ 1喜欢

VUE3教程

Vue3 环境变量和模式

Vue3 环境变量和模式
你可以替换你的项目根目录中的下列文件来指定环境变量: .env # 在所有的环境中被载入 .env.local # 在所有的环境中被载入,但会被 git 忽略 .env.[mode] ...

AI君 4年前 (2020-03-04) 60℃ 1喜欢

VUE3教程

Vue3 webpack 相关

Vue3 webpack 相关
简单的配置方式 调整 webpack 配置最简单的方式就是在 vue.config.js 中的 configureWebpack 选项提供一个对象: // vue.config.js module.exports = { configu...

AI君 4年前 (2020-03-04) 60℃ 1喜欢

VUE3教程

Vue3 CSS 相关

Vue3 CSS 相关
Vue CLI 项目天生支持 PostCSS、CSS Modules 和包含 Sass、Less、Stylus 在内的预处理器。 引用静态资源 所有编译后的 CSS 都会通过 css-loader 来解析其中的 url() 引用,并将这些引...

AI君 4年前 (2020-03-04) 70℃ 2喜欢

VUE3教程

Vue3 HTML 和静态资源

Vue3 HTML 和静态资源
HTML Index 文件 public/index.html 文件是一个会被 html-webpack-plugin 处理的模板。在构建过程中,资源链接会被自动注入。另外,Vue CLI 也会自动注入 resource hint (pre...

AI君 4年前 (2020-03-04) 78℃ 1喜欢

VUE3教程

Vue3 浏览器兼容性

Vue3 浏览器兼容性
browserslist 你会发现有 package.json 文件里的 browserslist 字段 (或一个单独的 .browserslistrc 文件),指定了项目的目标浏览器的范围。这个值会被 @babel/preset-env ...

AI君 4年前 (2020-03-04) 59℃ 19喜欢

VUE3教程

Vue3 CLI 服务

Vue3 CLI 服务
使用命令 在一个 Vue CLI 项目中,@vue/cli-service 安装了一个名为 vue-cli-service 的命令。你可以在 npm scripts 中以 vue-cli-service、或者从终端中以 ./node_mod...

AI君 4年前 (2020-03-04) 63℃ 1喜欢

VUE3教程

Vue3 插件和 Preset

Vue3 插件和 Preset
插件 Vue CLI 使用了一套基于插件的架构。如果你查阅一个新创建项目的 package.json,就会发现依赖都是以 @vue/cli-plugin- 开头的。插件可以修改 webpack 的内部配置,也可以向 vue-cli-serv...

AI君 4年前 (2020-03-04) 60℃ 1喜欢

VUE3教程

Vue3 创建一个项目

Vue3 创建一个项目
vue create 运行以下命令来创建一个新项目: vue create hello-world 警告 如果你在 Windows 上通过 minTTY 使用 Git Bash,交互提示符并不工作。你必须通过 winpty vue.cmd...

AI君 4年前 (2020-03-04) 59℃ 1喜欢

VUE3教程

Vue3 快速原型开发

Vue3 快速原型开发
你可以使用 vue serve 和 vue build 命令对单个 *.vue 文件进行快速原型开发,不过这需要先额外安装一个全局的扩展: npm install -g @vue/cli-service-global vue serve ...

AI君 4年前 (2020-03-04) 68℃ 1喜欢

VUE3教程

Vue3 安装

Vue3 安装
关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn glob...

AI君 4年前 (2020-03-04) 61℃ 1喜欢

VUE3教程

Vue3 介绍

Vue3 介绍
警告 这份文档是对应 @vue/cli。老版本的 vue-cli 文档请移步这里。 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供: 通过 @vue/cli 搭建交互式的项目脚手架。 通过 @vue/cli + @...

AI君 4年前 (2020-03-04) 63℃ 2喜欢