2021-02-05 WebStrom创建vue项目

本文记录了在WebStorm 2019.3.1版本前后创建Vue项目的变化。创建项目前需安装nodejs、vue、vue-cli和webpack。在新版本中,使用`vue init webpack`命令可能会遇到下载模板失败和npm权限问题。解决方案包括检查webpack安装、使用管理员权限运行命令行。此外,提供了相关参考资料链接。
摘要由CSDN通过智能技术生成

最近使用webStorm时发现,建立vue项目跟以前有了一些区别。特此记录:

所需环境

1、安装nodejs,即npm(可设置淘宝镜像源,具体不介绍网上很多)
2、安装vue、vue-cli 、webpack 。例如npm install vue -g
3、直接使用webstorm建立项目(也可以在cmd里建立好项目导入webstorm)

ps. 之前这部分电脑已经安装过了但没有记录,等下次如果再需要配置的话补上
 

WebStrom2019.3.1版本之前

然后一路next根据自己的项目需求选择,点完成就可以了

参考https://blog.csdn.net/qq_37350706/article/details/86591102

WebStrom2019.3.1版本之后

接着在命令行输入 vue init webpack

所有安装依赖结束后

参考https://segmentfault.com/a/1190000021710760

 

创建过程中的报错解决方案:

1. vue init webpack 报错 Failed to download repo vuejs-templates/webpack

webpack需要安装,或者更新  npm install webpack -g

2. npm install webpack -g 报错  Error: EPERM: operation not permitted

网上也有很多解释,可能原因之一 没有使用管理者权限,cmd使用管理员运行,重写输入命令即可。

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值