流程:

搭配环境:

  1. 把vscode编辑器一些插件安装好,具体有:vscode前端开发必备插件
  2. 英语不是很好的同学推荐安装一个翻译软件:如有道字典什么的
  3. 截图工具推荐:Snipaste
  4. git 工具提前安装好,安装教程:git安装图文教程
  5. 问一下公司项目开发是在远程服务器上,还是本地开发,如果是在远程服务器上,则需要配置vscode,具体配置因公司而异,可以问下组长
  6. 跟对方确认一下,项目中使用的库是自己公司的镜像还是公共镜像,是否需要切换npm镜像源

熟悉项目:

  1. 先把代码仓库拉下拉,安装好依赖,一般是npm install
  2. 查看项目中的 README.md 文档,里面会有该项目的介绍和构建发布流程
  3. 查看 package.json 文档,了解该项目用了哪些插件或组件库
  4. 然后试着先把项目跑起来,这时候你就成功一半了
  5. 先熟悉一下项目中的文件夹的名字,你得先知道每个文件夹里放的是啥东西
  6. 在熟悉每个目录中的文件的名字,目的是为了知道每个文件是干啥的
  7. 打开文件(抽选几个)稍微过一下里面的代码,掌握上一个开发者的套路
  8. 运行代码后,了解项目有哪些功能模块,对应的是哪个文件夹,如果领导让你去实现修改之前的代码,你得知道你应该改哪个文件
  9. 将项目的功能模块与代码产生关联,可以试着去修改一些文案信息,看看页面中文案是否改变
  10. 根据自己的执行结果去判断,要知道怎么调试及确认自己做的是否正确

扩展文档:

  1. 遇到不懂的新知识怎么办,可以去看官方文档(优先推荐)
  2. git 命令不会的可以看这个:git 日常操作流程
  3. npm 操作不会的可以看这个:npm 常规操作手册
  4. vscode 终端命令可以看这个:Linux 常规命令手册
Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐