写代码前,先把环境配好呀

334 阅读2分钟

刚过金三银四,又要迎来毕业生高峰期。本人也最近换了工作,新公司配了新电脑,需要自己配置环境,所以整理了一波。

一、 安装node

先问一下同事有没有规定统一的node版本,有的话就指定版本下载哈。没有的话直接去官网下载稳定版。 node官网: nodejs.cn/

  • 确认npm是否安装成功:win+R,输入cmd,打开命令窗口
  • 命令行窗口输入:node -v,显示有版本号,则安装成功

二、安装cnpm命令

  1. -在命令窗口输入 npm install -g cnpm registry=https://registry.npm.taobao.org

  2. 安装完成后,输入cnpm -v,检查是否安装成功; 如果出现cnpm不是内部或者外部命令提示,请继续以下操作

  3. 配置环境变量,打开系统环境变量,增加如下配置,则修改成功。

image.png 回到命令行窗口输入cnpm -v,则配置成功

三、 安装yarn命令

-在命令窗口输入 npm install -g yarn

四、 vscode安装

因为我经常用的编译工具是vscode,可以参考这篇文章,写得挺全的。# VSCode安装教程(超详细) 如果有小伙伴是使用webstorm,可以看下这篇文章。# Webstorm2020安装、使用详细教程

五、 Git

# Git 详细安装教程(详解 Git 安装过程的每一个步骤)

六、 安装Vue

在命令窗口输入 npm install vue ; npm install -g vue-cli

七、vscode插件

# 【利器篇】前端40+精选VSCode插件,总有几个你未拥有!

八、安装HBuilderX

之前用过uni-app来开发小程序,并且运用MUI搭配5+Runtime来开发原生的APP,用HBuilderX来编译和运行 下载直接去官网就可以:HBuilderX官网

九、下载微信开发者工具

主要用于开发微信小程序。 小程序我是下载稳定版来的,微信官方文档便有下载链接。微信开发者工具下载 如果是通过HBuilderX运行uni-app框架的小程序,需要在HBuilder将本地的微信开发者工具的地址配置。

image.png 并且在微信开发者工具中设置-安全设置-服务端口打开

image.png