vscode-好客租房遇到的问题

vscode编写代码遇到的问题汇总

1. 在.js文件中写jsx代码，一直出现格式的错误
   解决办法：在vscode右下角设置语言为JavaScript React；
2. 在.js文件写好的结构，在.html运行之后在浏览器一直不显示内容
   解决办法：在package.json文件中，在private下加一行：hamepage:"./",然后再在cmd中该项目目录下运行：npm run build，最后打开build 文件夹下的.html文件才会显示。在其他文件夹的.html都不会显示；
3. 每次修改文件都要重新跑一次编译：npm run build很麻烦，想要自动重新编译，浏览器会自动刷新
   解决办法：第一步：安装webpack
   要安装三个（webpack、webpack-cli、webpack-dev-server），先 npm install webpack-cli -g，然后 npm install webpack -g，最后 npm install webpack --save-dev；
   第二步： 在package.json文件中加入
   “start”: “webpack-dev-server --open --mode development”,: “webpack-dev-server --open --mode development”,
   “build”: “webpack”,: “webpack”；
4. 在html中写jsx代码时会自动换到注释行
   解决办法：搜索插件：js-css-html format，禁用再重启vscode就好了；
5. 在Chrome中右上角的react插件图标开始显示为灰色
   解决办法：在右上角更多工具—扩展程序—react插件详情—允许访问文件网址，刷新页面就显示插件图标就显示橘红色；
6. jsx里面注释代码
   解决办法：先给注释代码放在{}里面，再用js的注释/* … */；
7. jsx写js代码，有时不用${}符号，而是直接用这个值
8. 箭头函数快捷键：输入an ，按tab键
9. 快捷键 rcc 写 .js 头代码，先装快捷键
   
10. 查看node是否安装：node -v；查看webpack是否安装：npm webpack -v；查看create-react-app 是否安装：create-react-app -V（以上均在cmd运行）