让性能较低的电脑能够有较好的开发体验,使用windows的同学能在Linux环境下开发
- vscode => 1.45.0
- Remote - SSH => 0.51.0
- Debugger for Chrome => 4.12.6
- Vetur => 0.24.0
- ubuntu => 20.04 LTS
- nodejs => v14.2.0
- @vue/cli => 4.3.1
- 用 vue cli 创建项目
- 安装vscode插件 remote - ssh, Debugger for Chrome, Vetur
- 通过remote - ssh创建并链接远程vscode工作空间
- 新建vue.config.js添加sourcemap配置和修改devServer的host,port。(修改host为localhost的目的是livereload的地址可能是服务器内部ip地址,本地的电脑上可能访问不了这个地址)
- 跑项目,npm run serve
- 在remote-ssh插件的tab下forward一个服务器的端口到本地电脑,这样就可以在本地浏览器访问测试页面(要默认forward某个端口可以在remote-ssh的配置下加上LocalForward 127.0.0.1:8080 127.0.0.1:8080)
- 在vscode里打断点,按照官方教程来配置即可。
npm install
npm run serve
npm run build
npm run lint