Vue CLI 3.x 脚手架

Vue CLI 3.x 脚手架

Vue CLI 3.x 脚手架

什么是Vue-CLI

Vue-CLI 是 VUE 官方提供，用来搭建项目脚手架的工具，他是vue.js标准的工具，他已经集成了，webpack，内置了好多常用的配置，使我们在使用 Vue 开发项目的时候更加标准化。

安装：

npm install -g @vue/cli

使用命令来查看版本

vue --version

通过脚手架创建出来的项目结构

自定义配置

常用基本配置：​​vue.config.js 文件。

vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。严格遵照 JSON 的格式来写。

这个文件应该导出一个包含了选项的对象：

// vue.config.jsmodule.exports = { // 选项...}

常见基础配置：

// vue.config.jsmodule.exports = { // 部署应用包时的基本 URL.默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 publicPath 为 /my-app/。 // publicPath: '/' devServer: { port: 8001, // 端口，如果端口被占用紫红提升1 open: true, // 启动服务后自动打开浏览器 false, // 协议 host: 'localhost' // 主机名，也可以是127.0.0.1，或者真机测试的时候0.0.0.0 }, lintOnSave: false, // 默认为true，警告仅仅会被输出到命令行，且不会使得编译失败。 outoutDir: 'dist2', // 默认是dist，存放打包文件的目录 assetsDir: 'assets', // 存放生产的静态资源文件 indexPath: 'out/index.html', // 默认为index.html，指定生成的index.html为输出路径 productionSourceMap: false, // 打包时，不生成.map文件，加快打包 }

【重要说明】本文为本人的学习记录，论点和观点仅代表个人而不代表当时技术的真理，目的是自我学习和有幸成为可以向他人分享的经验，因此有错误会虚心接受改正，但不代表此刻博文无误！

​

【Gitee地址】秦浩铖：​​https://gitee.com/wjw1014​​

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。