刚过金三银四,又要迎来毕业生高峰期。本人也最近换了工作,新公司配了新电脑,需要自己配置环境,所以整理了一波。
一、 安装node
先问一下同事有没有规定统一的node版本,有的话就指定版本下载哈。没有的话直接去官网下载稳定版。 node官网: nodejs.cn/
- 确认npm是否安装成功:win+R,输入cmd,打开命令窗口
- 命令行窗口输入:node -v,显示有版本号,则安装成功
二、安装cnpm命令
-
-在命令窗口输入
npm install -g cnpm registry=https://registry.npm.taobao.org -
安装完成后,输入cnpm -v,检查是否安装成功; 如果出现cnpm不是内部或者外部命令提示,请继续以下操作
-
配置环境变量,打开系统环境变量,增加如下配置,则修改成功。
回到命令行窗口输入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将本地的微信开发者工具的地址配置。
并且在微信开发者工具中设置-安全设置-服务端口打开