react入门-搭建项目-使用less

一.搭建react项目

1.创建文件夹，然后安装create-react-app

npm install -g create-react-app

2.检测create-react-app是否安装成功

create-react-app -V

3.创建React项目（这里是npx不是npm哦）

npx create-react-app my-app

4.在编辑器打开创建好的项目，然后跑起来项目就创建完成了

npm run start

二.react使用less

转载https://blog.csdn.net/qq_45742208/article/details/111319943

1.在编译器下载Easy Less插件

2.安装完成后点击设置

3.点击扩展设置

4.点击在settings.json中编辑

5.添加以下代码

"compress": false, //是否压缩
"sourceMap": false, //是否生成map文件
"out": "index", //转化名为index.css的文件
"outExt": ".css" //转化后缀为.css的文件

6.重启vscode

7.在工作区项目文件中创建css文件夹，在css下面创建一个.less文件，如：index.less

8.在.less写样式代码，保存，就会在css文件下自动生成一个对应的index.css文件

9.记得引入css~ 然后就可以愉快的写样式啦~