配置新电脑环境

公司给你一台新电脑时怎么配置我们前端的开发坏境呢？每个公司使用的代码管理工具和开发工具不同，我就拿我安装的步骤的举个例子，下文会涉及到node淘宝镜像源和vscode自定义代码段的配置以供参考，然后按顺序看一遍吧，先检查自己电脑系统：win11,64bit 在没有安装包的情况下去官网下载

1.node官方地址：nodejs.org/en/download…

安装完成后检查是否安装完成，配置电脑path环境 详细教程：www.cnblogs.com/matanzhang/…

切换淘宝镜像：npm config set registry=https://registry.npm.taobao.org/

检查镜像源是否下载成功: npm config get registry

为了更方便的切换下包镜像源，还有一种方式，安装nrm这个小工具

全局安装：npm i nrm -g

查看所有可用镜像源：nrm ls

将下包镜像切换为taobao镜像：nrm use taobao

2.vscode下载地址：code.visualstudio.com/download

3.安装vscode插件（一些方便vue项目开发的基础配置）

4.vscode配置自定义代码生成片段

配置json代码片段，修改自己的快捷生成指令，下面是我的vue代码段配置

	"Print to console": {
	  "prefix": "vue",
	  "body": [
		"<template>",
		"  <div></div>",
		"</template>",
		"",
		"<script>",
		"export default {",
		"  name: 'demo',",
		"  props: {},",
		"  components: {},",
		"  data () {",
		"    return {}",
		"  },",
		"  computed: {},",
		"  watch: {},",
		"  created () {",
		"  },",
		"  mounted () {",
		"  },",
		"  // 组件方法",
		"  methods: {},",
		"}",
		"</script> ",
		"",
		"<style scoped>",
		"",
		"</style>",
		"$2"
	  ],
	  "description": "Log output to console"
	}
  }

vscode自动保存设置

打开常用设置，编辑器选择afterDelay,写完代码就会自动保存

5.下载github desktop

公司使用的git管理工具，不需要下载git环境，不用输入命令行，操作简单

先拿到git项目地址，可以直接从该app上拉取项目

拉取代码到本地的操作步骤

点击当前存储库

选择add的第一个选项clone repository，就会打开下面界面

然后把地址复制到url中选择clone就拉取完成了