标签：选择 vue cli 语法 ESLint 使用 安装 CSS

首先安装vue-cli3使用如下命令进行安装   我这里用的是yarn  可以用npm或cnpm进行安装都是一样的    需要注意的是 vue-cli3 是需要全局安装的不然全局运行不了

yarn global add vue-cli     

查看安装成功与否

vue --version   输出版本号及安装成功如下图

 

创建项目

vue create 项目名称

选择项目配置

1.是我之前配置保存下来的

2.新建vue2.0的项目

3.新建vue3.0的项目

4.自定义配置项目

这里我选择自定义项目

 出现如下配置项目 需要什么按空格选择和取消 然后按回车下一步

choose vue version：选择vue版本
Babel ：将高级版本ES转换为浏览器识别的JS语法，ES6->ES5
TypeScript： JS的超集，提供了JS面向对象支持
Progressive Web App (PWA) Support PWA Support:使应用向原生APP
Router :路由、请求所对应的地址
Vuex: 数据状态管理器、用于多页面传参
CSS Pre-processors: CSS预处理，将高级CSS语法转换为浏览器识别CSS语法
Linter / Formatter :代码检查工具,语法检测，严格，项目开发推荐
Unit Testing :单元测试
E2E Testing :端端测试

下一步是vue的版本2.X 或 3.X 这里就不放图片了

这里是路由模式 history 如果不想用可以选择N

选择css 的编译模式

语法格式的校验规则

ESLint with error prevention only 仅错误预防

ESLint + Airbnb config Airbnb配置

ESLint + Standard config 标准配置 ESLint + Prettier

 

 下面是什么时候校验语法 一般选择保存的时候

1.在保存的时候，

2.在commit 的时候

 选择保存配置文件到哪里

1.新建一个  config

2.添加到package 里面

 是否保存默认配置

 

选择是 添加项目默认名称就可以了

 

 然后就没有然后了 开始安装了

 

标签：选择,vue,cli,语法,ESLint,使用,安装,CSS
来源： https://blog.csdn.net/weixin_48044397/article/details/120113596

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。