vue-cli4构建项目详细配置

创建一个Vue项目

vue create projectName
//创建项目  vue create <项目名>

选择配置

//如果你保存过配置，第一个是已经保存过的配置Default ([Vue 2] babel, eslint) //vue2的默认配置Default (Vue 3) ([Vue 3] babel, eslint)//vue3的默认配置Manually select features//自定义配置

选择要添加的配置项（空格选择，A全选）

这里先全选看下全部配置

Choose Vue version//选择vue版本 Babel//转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。TypeScript//勾上即为创建ts项目Progressive Web App (PWA) Support//渐进式Web应用程序，就是对标原生手机app的一种概念Router//vue-router（vue路由）Vuex//vuex（vue的状态管理模式）CSS Pre-processors//CSS 预处理器（如：less、sass）Linter / Formatter//代码风格检查和格式化（如：ESlint）Unit Testing//单元测试（unit tests）E2E Testing//e2e（end to end） 测试

选择vue版本

 Choose a version of Vue.js that you want to start the project with (Use arrow keys)  //选择启动项目的Vue版本

Use class-style component syntax? (Y/n)//是否使用class风格的组件语法

Use Babel alongside TypeScript ?//是否使用babel做转义

 Use history mode for router?//是否使用history模式

Pick a CSS pre-processor//选择预处理的模式 主要为css解决浏览器兼容、简化CSS代码 等问题

 Pick a linter / formatter config//提供一个插件化的javascript代码检测工具

 Pick additional lint features//选择什么时候进行代码规则检测
Lint on save // 保存就检测
Lint and fix on commit // fix和commit时候检查

 Pick a unit testing solution//选择单元测试方案

 Pick an E2E testing solution//选择端对端测试方案

Where do you prefer placing config for Babel, ESLint, etc.?//选择（Babel、PostCSS、ESLint）自定义配置的存放位置
In dedicated config files // 单独保存各自配的置文件
In package.json           // 放在 package.json 内

 Save this as a preset for future projects //是否将此保存为将来项目的预设？确认后输入名字

vue-cli4构建项目详细配置相关推荐

vue.js 构建项目_使用Vue.js和AWS Amplify构建Chatbot
vue.js 构建项目 Over the last few years, chatbots have exploded in popularity. It makes sense that busin ...
Vue第三部分(1)：Vue脚手架构建过程详细介绍和案例
Vue-CLI 基本使用命令行界面(英语:command-line interface,缩写:CLI)是在图形用户界面得到普及之前使用最为广泛的用户界面,它通常不支持鼠标,用户通过键盘输入指令,计算 ...
python django vue_Django+Vue.js构建项目
本文主要讲述如何从0开始,用Django和Vue.js构建一个项目.文章提要:Django与vue.js整合开发原理从头新建一个Django项目新建一个前端页面,使用vue应用在Django中设 ...
ssm注解配置连接mysql_基于注解和配置类的SSM（Spring+SpringMVC+Mybatis）项目详细配置...
在上一篇文章中介绍了使用注解和xml配置文件对项目进行配置,在这篇文章中将xml配置文件中的配置信息都改成使用注解或者配置类的形式. 第一步.配置pom.xml 在一个ssm项目中,可能需要用到的依赖 ...
使用veu-cli3/4搭建vue项目详细配置
文章目录使用vue-cli4 搭建vue项目一.安装vue-cli4 二.创建一个vue项目三.预设选项四.启动项目五.可视化UI 使用vue-cli4 搭建vue项目一.安装vue-cl ...
Vue脚手架构建项目
目录一.使用Vue脚手架(vue-cli)构建Vue项目 1.安装或升级脚手架 2.进入工作目录创建Vue项目 3.进入项目目录,启动项目 4.项目目录: (1)public目录:静态资源文件夹.i ...
qmake构建项目详细讲解
目录 1.使用qmake生成.pro文件 2.根据pro文件生成Makefile文件 3.配置你的pro文件 3.1 配置项目属于LIB还是APP 3.2 设置生成文件名称 3.3 支持debug和3 ...
vue+semanticUI构建项目+页面动态炫酷效果
在Vue项目中 , 需要全局引用的js代码在index.html中引入即可项目构建页面看板娘导航栏的滚动侦听实现导航栏随内容下滑后固定回到顶部实现网页生成二维码 , 在手机扫码即可查看这个网 ...
eclipse中导入web项目详细配置
前言在eclipse中导入web项目所需要的操作一. 导入项目选择 File 中的 import 选择 svn 中的从 svn 检出项目(本地项目就选 General -> Existin ...

vue-cli4构建项目详细配置

创建一个Vue项目

选择配置

选择要添加的配置项（空格选择，A全选）

选择vue版本

vue-cli4构建项目详细配置相关推荐

最新文章

热门文章