在webstorm2019中创建vue项目(安装vue时出新connect ECONNREFUSED )

一、安装webstorm、node.js、jdk

二、安装淘宝镜像并配置使用淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

npm config set registry https://registry.npm.taobao.org 

三、安装webpack

cnpm install webpack -g

四、安装vue-cli

问题1:

使用webstorm创建node.js时,需要安装vue

//全局安装
npm install vue-cli -g   

运行该命令出现connect ECONNREFUSED。

解决方法:

①在cmd中输入

npm config ls -l

发现proxy后面的ip(ping ip)ping不通,所以连接不上

在webstorm2019中创建vue项目(安装vue时出新connect ECONNREFUSED )_第1张图片

②移除该代理

在cmd中输入

npm config rm proxy

之后再次查看(npm config ls -l),proxy代理消失。

问题2:

//全局安装
npm install vue-cli -g   

运行如上命令出现code ETIMEDOUT。network request to https://registry.npmjs.org/consolidate failed reason:connect ETIMEDOUT 104.16.20.35:443

解决方法:

使用cnpm镜像安装就可以了

npm install -g cnpm --registry=https://registry.npm.taobao.org

再次安装

npm install vue-cli -g 成功!!!

五、在webstorm2019中创建vue项目

文件->new->project->vue.js

在webstorm2019中创建vue项目(安装vue时出新connect ECONNREFUSED )_第2张图片

三个部分都正常显示,点击create后,webstrom会自动进行初始化(下载各种依赖node_modules、babel.config.js、package-lock.json、package.json、README.md等)

六、运行后就会出现默认端口

在webstorm2019中创建vue项目(安装vue时出新connect ECONNREFUSED )_第3张图片

在浏览器中打开(local是本地服务,Network是网络服务),出现如下页面就是成功了。

在webstorm2019中创建vue项目(安装vue时出新connect ECONNREFUSED )_第4张图片

你可能感兴趣的:(JS)