WebStorm知识 插件(npm下载)、配置

配置

1、.npmrc 文件中修改 可以缓解Install.js部分卡死状况 需要先设置过一个仓库才会出现npmrc文件
	registry=https://registry.npm.taobao.org
	sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
	phantomjs_cdnurl=http://npm.taobao.org/mirrors/phantomjs
	ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/
	electron_mirror="https://npm.taobao.org/mirrors/electron/"
2、npm config set registry https://registry.npm.taobao.org  把npm 设置成淘宝镜像下载快点
3、搜索Eslint disable
	settings-》code style->java script-> 改成2格
	方法后空一格

插件

1、rimraf 快速删除文件
	 rimraf node_modules
2、npm install -g increase-memory-limit   内存溢出
	还需要输入  increase-memory-limit
3、

知识

1、如果下载不了 比如卡在 index.js 可以使用 npm install --ignore-scripts  来忽略package.json中的脚本来完成下载
2、npm config set registry https://registry.npm.taobao.org  把npm 设置成淘宝镜像
	2.1、可以通过npm get registry 获取当前镜像网址
3、vue -V 查看最新的vue 版本
4、cnpm -v 可以看npm和vue相关的版本
5、我的电脑——》user——》用户名例如Administrator——》.npmrc 存放你的npm 配置的信息例如registry 或者说prefix
6、libpng-dev 仅在macos 和 linux 所以如果使用 pngaunt-bin 6.0版本会出现异常 libpng-dev在windows下不了
7、下载3.0版本的pngaunt-bin
	npm install --save-dev pngquant --msvs_version=2013
8、npm install @babel/core @babel/preset-env  js文件编辑器
9、 webpack4.20.0以上版本要使用3.1.1版本的webpack-cli
10、npm install xxx@1.1.1
11、npm list  xxx 找不到  可以先全局安装 npm install xxx -g 再局部安装npm install xxx --save-dev
12、Yarn是Facebook最近发布的一款依赖包安装工具。Yarn是一个新的快速安全可信赖的可以替代NPM的依赖管理工具
	//在NPM 中安装
	npm install -g yarn    (使用-g为全局安装,如果没有加参数默认为局部安装,则仅当前文件夹可以使用yarn)
13、npm从国外服务器下载,容易出现异常,可以切换成cnpm,从淘宝下载
	npm install -g cnpm --registry=htttps://registry.npm.taobao.org
14、ctrl打开的有个p图标的位置在js当中
15/环境配置
	直接node 的文件夹

异常

1、babel-plugin-transform-vue-jsx 
	npm install babel-plugin-transform-vue-jsx --save-dev
2、The engine "node" is incompatible with this module. Expected version "=> ^4.0.0".
	yarn install --ignore-engines

webpack运行命令报错,可能需要先全局后局部安装
uninstall 没有从npm list xx 从去掉

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 WebStorm 配置 npm,请按照以下步骤操作: 1. 打开 WebStorm,并导航到菜单栏的 "File"(文件)选项。 2. 在 "File"(文件)菜单,选择 "Settings"(设置)或使用快捷键 "Ctrl + Alt + S"(Windows/Linux)或 "Cmd + ,"(Mac) 打开设置窗口。 3. 在设置窗口,展开 "Languages & Frameworks"(语言和框架)选项,并选择 "Node.js and NPM"(Node.js 和 NPM)。 4. 在 "Node.js and NPM"(Node.js 和 NPM)面板,确保 "Node interpreter"(Node 解释器)字段选择了正确的 Node.js 解释器路径。如果没有,请单击 "..." 按钮并选择正确的路径。 5. 确保 "Package manager"(包管理器)字段选择了 "npm"。 6. 单击 "OK" 保存更改并关闭设置窗口。 现在,WebStorm 已经配置npm。您可以在 WebStorm 使用 npm 命令来管理您的项目依赖和执行其他 npm 相关操作。 要在 WebStorm 使用 npm,您可以使用以下方法之一: - 在 WebStorm 的终端窗口直接输入 npm 命令,并按下回车执行。终端窗口可以在底部的工具栏找到。 - 在 WebStorm 的项目视图,右键单击 package.json 文件,然后选择 "Show npm Scripts"(显示 npm 脚本)选项。这将显示 package.json 文件定义的 npm 脚本,并允许您单击运行它们。 - 在 WebStorm 的顶部菜单栏,选择 "Run"(运行)> "Edit Configurations"(编辑配置),在弹出窗口选择 "npm" 配置类型。后,您可以配置并运行 npm 脚本。 通过以上步骤,您就可以成功配置和使用 npmWebStorm 进行开发了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值