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

前言

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

安装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

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值