前端开发环境的搭建

操作系统环境 windows 10专业版。

1.安装nodejs

---

现代前端的开发几乎都离不开nodejs，从官网首页可知

Node.js®是在Chrome的V8 JavaScript引擎上构建的JavaScript运行时。 Node.js使用事件驱动的非阻塞I / O模>型，使其轻量级和高效。 Node.js的软件包生态系统npm是全球最大的开放源代码库生态系统。

• 下载的时候推荐下载LTS的版本,安装的时候可以不安装npm，这里推荐另外一款包管理软件yarn,yarn需要自己设置以下环境变量，为yarn安装目录bin文件夹全路径
  
  
• nodejs和yarn都安装完了后运行以下命令看是否安装成功了，命令行推荐使用Windows PowerShell。

node -v
yarn --version

• 安装成功后包管理软件如果用yarn，使用默认配置就可以了，如果使用npm可以使用以下命令来配置全局安装位置和缓存位置, 注意把位置改成自己想要的。

npm config set prefix D:\ProgramFiles\nodejs\node_global
npm config set cache D:\ProgramFiles\nodejs\node_cache

2.安装一款心仪的编辑器或者IDE

这里我推荐的是微软出的vscode

• 安装后可以按F1输入language找到语言配置来配置语言
  

• F1输入user setting可以vscode的其它配置，这里我只配置了tabsize
  

• 在扩展中可以添加其它插件，这里我安装了Material Icon Theme来更好的显示文件夹以及文件的图标，安装完后重启vscode就可以了。