# 注:npx 表示从当前路径下查找命令,即
.
/node_modules
/
.
bin
/
eslint
--
init
ESLint 会询问一系列问题,根据你的回答生成对应的.eslintrc.*配置文件。
$ npx eslint --init
✔ How would you like to use ESLint? · style
✔ What type of modules does your project use? · esm
✔ Which framework does your project use? · react
✔ Does your project use TypeScript? · No / Yes
✔ Where does your code run? · browser
✔ How would you like to define a style for your project? · guide
✔ Which style guide do you want to follow? · standard
✔ What format do you want your config file to be in? · JSON
"env"
:
{
"browser"
:
true
,
"es2021"
:
true
"extends"
:
[
"plugin:react/recommended"
,
"standard"
]
,
"parser"
:
"@typescript-eslint/parser"
,
"parserOptions"
:
{
"ecmaFeatures"
:
{
"jsx"
:
true
"ecmaVersion"
:
12
,
"sourceType"
:
"module"
"plugins"
:
[
"react"
,
"@typescript-eslint"
]
,
"rules"
:
{
}
至此,便可以使用 ESlint 来检查、修复代码中的问题了
一直以来都在使用React进行开发
项目
,然而一个
项目
不同的人写的代码太过凌乱,有些根本就不按业界的格式写,所以研究了一些
Eslint
,用来做带个格式的规范。
我们如果在React中使用
Eslint
做代码格式化,首先要有一个React
项目
,这里不是讲解React
项目
的,所以
项目
创建略过,不会的自己百度。
1. 安装并创建
配置
文件
这里直接使用命令安装,我们采用全局的安装方式:
npm install...
$ git clone https://github.com/
jet
link
s/
jet
link
s-
ui
-antd.git
使用npm打包(命令在
项目
根目录下执行)
$ npm install
$ npm run-script b
ui
ld
复制dist目录到nginx下
将打包好的dist文件复制到nginx代理的路径:
$ cp -r dist /usr/share/nginx/html
修改nginx
配置
修改default
配置
文件:
$ sudo vim /e
$ git clone https://github.com/
jet
link
s/
jet
link
s-
ui
-antd.git
$ cd
jet
link
s-
ui
-antd
$ npm install
$ npm start # visit http://localhost:8000
推荐使用淘宝每年
本地开发环境要求
nodeJs v12.x
npm v6.x
Chrome v80.0 +
本地开发
项目
建议使用如下命令启动
项目
$ npm run start:dev //支持:dev、test、pre环境
项目
多处采用了SSE交互作用,开发需要使用dev环境变量(生