流程:
搭配环境:
- 把vscode编辑器一些插件安装好,具体有:vscode前端开发必备插件
- 英语不是很好的同学推荐安装一个翻译软件:如有道字典什么的
- 截图工具推荐:Snipaste
- git 工具提前安装好,安装教程:git安装图文教程
- 问一下公司项目开发是在远程服务器上,还是本地开发,如果是在远程服务器上,则需要配置vscode,具体配置因公司而异,可以问下组长
- 跟对方确认一下,项目中使用的库是自己公司的镜像还是公共镜像,是否需要切换npm镜像源
熟悉项目:
- 先把代码仓库拉下拉,安装好依赖,一般是
npm install
- 查看项目中的
README.md
文档,里面会有该项目的介绍和构建发布流程 - 查看
package.json
文档,了解该项目用了哪些插件或组件库 - 然后试着先把项目跑起来,这时候你就成功一半了
- 先熟悉一下项目中的文件夹的名字,你得先知道每个文件夹里放的是啥东西
- 在熟悉每个目录中的文件的名字,目的是为了知道每个文件是干啥的
- 打开文件(抽选几个)稍微过一下里面的代码,掌握上一个开发者的套路
- 运行代码后,了解项目有哪些功能模块,对应的是哪个文件夹,如果领导让你去实现修改之前的代码,你得知道你应该改哪个文件
- 将项目的功能模块与代码产生关联,可以试着去修改一些文案信息,看看页面中文案是否改变
- 根据自己的执行结果去判断,要知道怎么调试及确认自己做的是否正确
扩展文档:
- 遇到不懂的新知识怎么办,可以去看官方文档(优先推荐)
- git 命令不会的可以看这个:git 日常操作流程
- npm 操作不会的可以看这个:npm 常规操作手册
- vscode 终端命令可以看这个:Linux 常规命令手册