前端-开发环境安装与配置

前言

好久没写博客了，有点懈怠。最近因为疫情在家办公，重新安装配置了前端的开发环境，当时从网上搜了很多东西，这里做个记录。

安装node.js

1. 官网下载：node官网地址，以Windows系统为例，最好下载.msi格式的安装包，.zip的安装不成功，不知道为什么。
2. 下载完成后，一路下一步安装，安装完成后，打开cmd，执行命令

node -v

出现版本号，即为安装成功

安装npm

1. 安装node时，已经安装了它集成的npm，可在cmd中执行

npm -v

查看npm的版本号

若对npm的版本有要求，可执行

npm -g install npm@版本号

进行更新

安装Vue

1.cmd中，执行命令即可

npm install vue

安装webstrom

开发工具用的是webstrom2018，从网上找到一个下载地址，还有注册的方法，写得非常详细，这里就不做赘述了：webstrom下载地址
我们项目组还用到了ES6：设置方法

安装依赖

将代码更新到本地后，执行命令

npm install

安装依赖，执行过程中若有报错，类似

npm ERR! zlib: unexpected end of file

Error: EPERM: operation not permitted, unlink…

这种错误，一般是网络不稳定引起的，可以重新安装依赖，首先执行命令

npm cache clean --force

然后再删除项目下node_modules文件夹

再执行

npm install

即可

其他报错

vue-cli创建项目报错"ChromeDriver binary is unavailable"
解决方法，按照错误提示去Chrome官网，下载对应的版本，然后解压放在提示的目录下，再重新npm install即可

查询到的方法

安装node.js