【7】VUE的运行环境—开发工具

系列文章目录

---

前言

VUE的运行环境—开发工具

---

开发工具

参考地址：https://www.cnblogs.com/vipstone/p/6772813.html

开发工具选用WebStorm，官网地址：https://www.jetbrains.com/webstorm/
webstorm 2018 激活破解方法：https://blog.csdn.net/qq_40147863/article/details/81317709

IDE的选择

VsCode和WebStorm都是不错的选择，说一下两者的优缺点，调试便捷性来说两者不相上下.
WebStorm缺点：性能方面VsCode远好于WebStorm；
WebStorm优点：代码引用追踪Ws有VsCode无，控制台输出WS有着色能看出那块代码有问题，VsCode无着色控制台日志和bug查看不直观；
综合使用来说：推荐使用WebStorm，如果你的电脑配置实在不好可以酌情使用VsCode.

VsCode的配置

首先是要装VsCode的扩展插件，点击左上角最后一个图标，在搜索里面输入JavaScript (ES6) snippets/NPM/Vue 2 Snippets；
　　第二步调试配置：VsCode第一次运行只需要把项目切换到项目根目录/build/dev-server.js点击运行按钮或者使用快捷键F5就可以启动项目了，第一次启动之后ide就会把启动的js记录下来，下次不管在那个页面只需要使用F5启动即可；

WebStorm的使用优化和vuejs项目的调试配置

①.优化WebStorm解决卡顿的问题。
　　　　WebStorm的优化主要在设置内存上，防止ws卡死，设置步骤如下：webstorm安装主目录>bin>WebStorm.exe.vmoptions，更改第二行：-Xms526m，第三行：-Xmx1024m；
　　②.配置vuejs调试js就不需要输npm run dev 启动命令。
　　　　
　　

使用WebStorm遇到的问题

Unhandled rejection Error: EPERM: operation not permitted,…

问题描述：npm install 报错
解决：
参考：https://blog.csdn.net/qq_35624642/article/details/78393035
方法1：
需要删除npmrc文件。
强调：不是nodejs安装目录npm模块下的那个npmrc文件
而是在C:\Users{账户}\下的.npmrc文件…（C:\Users\Xuxian\）
方法2：
或者直接用命令清理就行，控制台输入（需使用管理员权限）：
npm cache clean –force

enoent This is related to npm not being able to find a file.

问题描述：npm install 报错
解决：
使用cnpm install

webstorm 报git不是内部或外部命令

解决：安装git并配置