MAC OS前端环境搭建

Posted 2022-06-02 舒泱

目录

• IDE选择
• 环境搭建

       

IDE选择

• visual studio code。相比于webStorm更轻量级，功能没有webStorm那么强大，需要自己安装一些插件，比如vetur插件、eslint插件。
• webStorm。要钱，充钱就能用。如果你还是个android开发，用webStorm挺不错的，快捷键什么的都和Android studio一样，毕竟都是jetbrains出的IDE。
  

       

环境搭建

先了解一下背景：

• npm的用途说明
• nvm、node、npm之间的关系和区别

一、安装nvm

1. 打开命令行工具，运行命令： curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash 就能自动安装上nvm了。nvm GitHub 链接

2. 重启命令行工具后，运行命令： nvm --version ，可以看到当前安装的nvm版本。
   

3. 统一node版本，可以问问你们团队的node版本是多少。
   然后在命令行工具中运行命令： nvm install 你的node版本，例如版本是v16.14.2 ，就nvm install v16.14.2，如下图
   
   再然后执行命令： nvm use node 你的node版本，使用这个node版本
   

4. 添加npm源控制，不同公司不一样，这里贴个npm官方文档

5. 执行命令： npm install ，安装项目所有依赖库。

6. 执行命令：npm run serve ，项目就可以跑起来了。