• 主页
  • Showdoc
  • Editormd
  • Vue.js 中文文档
  • Vue-CLI 中文文档
  • Vue-Router 中文文档
  • VuePress 中文文档
  • Vuex 中文文档
  • vue-element-admin 中文文档
  • NodeJS
  • Hexo 中文文档
  • 开源软件镜像收录
  • B站番剧索引
所有文章 关于我

  • 主页
  • Showdoc
  • Editormd
  • Vue.js 中文文档
  • Vue-CLI 中文文档
  • Vue-Router 中文文档
  • VuePress 中文文档
  • Vuex 中文文档
  • vue-element-admin 中文文档
  • NodeJS
  • Hexo 中文文档
  • 开源软件镜像收录
  • B站番剧索引

IDEA-Webstorm使用WSL作为默认的Terminal并配置nodejs

2019-08-02

首先要安装WSL

关于安装步骤,参考这篇文章
在IDEA或WebStorm中:
File -> Settings -> Tools -> Terminal
在Shell path处填:
1
"cmd.exe" /k "wsl.exe"
如图:

Snipaste_2019-08-02_15-47-10

设置之后的效果:

Snipaste_2019-08-02_15-49-10

关于WSL(假如你安装的是ubuntu)中的nodejs,安装步骤跟正常在ubuntu上的基本上差不多
推荐使用清华大学的 Nodesource镜像 ,可以装上较新版本的node
安装完之后,建议将npm源设置成国内的
1
2
3
npm config set registry https://registry.npm.taobao.org/
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
npm config set electron_mirror https://npm.taobao.org/mirrors/electron/
推荐使用 n 来管理node版本

注意:由于全局安装需要sudo权限,这时npm是以root用户运行的,而npm将配置文件储存在用户的home目录下的.npmrc文件中,每个用户使用自己的home目录下的 .npmrc 文件,所以上面切换npm源的命令最好加上sudo在执行一遍,否则在以sudo权限执行npm装包的命令时,npm 还是会从默认的官方源下包,速度极慢。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
sudo npm config set registry https://registry.npm.taobao.org/
sudo npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
sudo npm config set electron_mirror https://npm.taobao.org/mirrors/electron/

sudo npm install -g n

# 经过测试,在普通用户下 export NODE_MIRROR=<淘宝源> 之后执行 sudo n latest依然会从官方的源下载,所以建议直接切换到root用户执行,
sudo su
# 设置环境变量,使用淘宝的镜像源
export NODE_MIRROR=https://npm.taobao.org/mirrors/node/
# 下载安装最新版node,需要sudo权限
sudo n latest
# 下载安装稳定版node,需要sudo权限
sudo n stable
# 下载安装指定版本的node,需要sudo权限
sudo n 10.16.1

IDEA / WebStorm 将node切换为WSL中的node

File -> Settings -> Languages & Frameworks -> Node.js and NPM
如图:

Snipaste_2019-08-02_22-42-59

在下拉列表中选择ubuntu

Snipaste_2019-08-02_22-44-31

IDEA / WebStorm 会识别出 n 安装的node,也可以选择其他版本的node,n 安装的其他版本的node在WSL中文件系统的路径如下:
1
/usr/local/n/versions/node

Snipaste_2019-08-02_16-59-33

按下面的这么填就是了
1
/usr/local/n/versions/node/<version>/bin/node

Snipaste_2019-08-02_22-49-06

如果在之前的项目中,用的是Windows下的node装的包,切换成WSL中的node之后,建议最好删掉node_modules目录,然后在Terminal中重新装一下,因为用的是linux下的node,有部分包是平台相关性的,比如node-sass,用linux下的node无法读取用Windows下的node装的包.

WSL 装包测试

清除缓存后第一次装包

Snipaste_2019-08-02_23-08-40

第二次装包

Snipaste_2019-08-02_23-12-29

第三次装包,这次用 WebStorm 里的 Terminal

Snipaste_2019-08-02_23-18-34

再来一次

Snipaste_2019-08-02_23-23-56

从图中可以看到,在多次安装后,安装速度还是有所加快的,尽管装包的速度也没比Windows版本的node快多少,但WSL好用啊,至少我觉得比Git Bash和cmd好用多了,所以容我夸上一句:

Microsoft,干得漂亮!

  • IDEA
  • Webstorm

扫一扫,分享到微信

微信分享二维码
IDEA自定义POJO生成脚本
Windows10下node_modules复制和删除的各种方式的测试
  1. 1. 首先要安装WSL
    1. 1.1. 关于安装步骤,参考这篇文章
    2. 1.2. 在IDEA或WebStorm中:
    3. 1.3. File -> Settings -> Tools -> Terminal
    4. 1.4. 在Shell path处填:
    5. 1.5. 如图:
    6. 1.6. 设置之后的效果:
    7. 1.7. 关于WSL(假如你安装的是ubuntu)中的nodejs,安装步骤跟正常在ubuntu上的基本上差不多
    8. 1.8. 推荐使用清华大学的 Nodesource镜像 ,可以装上较新版本的node
    9. 1.9. 安装完之后,建议将npm源设置成国内的
    10. 1.10. 推荐使用 n 来管理node版本
  2. 2. IDEA / WebStorm 将node切换为WSL中的node
    1. 2.1. File -> Settings -> Languages & Frameworks -> Node.js and NPM
    2. 2.2. 如图:
    3. 2.3. 在下拉列表中选择ubuntu
    4. 2.4. IDEA / WebStorm 会识别出 n 安装的node,也可以选择其他版本的node,n 安装的其他版本的node在WSL中文件系统的路径如下:
    5. 2.5. 按下面的这么填就是了
  3. 3. WSL 装包测试
    1. 3.1. 清除缓存后第一次装包
  4. 4. 第二次装包
  5. 5. 第三次装包,这次用 WebStorm 里的 Terminal
  6. 6. 再来一次
© 2024 移影残风
Hexo Theme Yilia by Litten
本站总访问量:7747
苏ICP备19031571号-1
  • 所有文章
  • 关于我

tag:

animation:

  • CentOS
  • Ubuntu
  • MySQL
  • Linux
  • Java
  • IDEA
  • Webstorm
  • Jetbrains
  • Spring Boot
  • Mybatis
  • Tomcat
  • redis
  • 编译
  • nodejs
  • Windows 10
  • Windows
  • Git
  • Xshell
  • SSH
  • macOS
  • Shell
  • Json
  • JavaScript
  • 油猴脚本
  • 正则表达式
  • Android
  • Grub
  • npm
  • 转载
  • Hadoop
  • SQLServer
  • Microsoft

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录(注意不是yilia根目录)执行以下命令:
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置:

      jsonContent:
        meta: false
        pages: false
        posts:
          title: true
          date: true
          path: true
          text: false
          raw: false
          content: false
          slug: false
          updated: false
          comments: false
          link: false
          permalink: false
          excerpt: false
          categories: false
          tags: true
    

  • 2024-08-12

  • CentOS7更新screen

    2023-06-01

    #Linux

  • 微软相关产品离线安装iso

    2021-12-24

    #Linux#Shell#Microsoft

  • 油猴脚本-CSDN插件推广横幅屏蔽

    2021-09-23

    #Linux#Grub

  • SQLServer2019离线安装iso

    2021-01-31

    #SQLServer

  • Windows下使用JLink定制精简版jre

    2020-06-23

    #Java

  • Jetbrains各个产品国内CDN下载地址

    2020-01-20

    #Jetbrains

  • Ubuntu 18.04 编译运行RedisDesktopManager

    2020-01-19

    #Ubuntu#redis#编译

  • JRebel-License-Server授权服务器 Java-vertx 实现

    2020-01-05

    #Java

  • Windows 10 LTSC 2019使用本地kms激活

    2019-12-25

    #Windows

  • SpringBoot+Mybatis配置多数据源的踩坑记录

    2019-11-17

    #Java#Spring Boot#Mybatis

  • macOS下编译并打包RedisDesktopManager

    2019-10-14

    #redis#编译#macOS

  • Xshell 6最新版下载安装及注册

    2019-09-28

    #Linux#Xshell#SSH

  • CentOS 8 和 Ubuntu 18.04 部分软件的版本比较

    2019-09-24

    #CentOS#Ubuntu

  • Ubuntu 18.04 配置及美化小记

    2019-09-23

    #Ubuntu

  • Windows10+QT5.9+VS2017编译并打包RedisDesktopManager

    2019-09-15

    #redis#编译#Windows 10

  • Ubuntu 18.04、CentOS7 下默认源下nodejs和npm的版本问题

    2019-08-21

    #Linux#nodejs

  • IDEA自定义POJO生成脚本

    2019-08-13

    #IDEA

  • IDEA-Webstorm使用WSL作为默认的Terminal并配置nodejs

    2019-08-01

    #IDEA#Webstorm

  • Windows10下node_modules复制和删除的各种方式的测试

    2019-07-28

    #nodejs#npm

  • CentOS7使用解压的方式手动安装mysql5.7

    2019-07-04

    #CentOS#MySQL

  • 转载 · Centos7.6+Hadoop 3.1.2(HA)+Zookeeper3.4.13+Hbase1.4.9(HA)+Hive2.3.4+Spark2.4.0(HA)高可用集群搭建

    2019-06-08

    #Linux#转载#Hadoop

  • Windows10搭建本地mysql-yum源

    2019-05-22

    #CentOS#MySQL#Shell

  • 网易云音乐每日推荐歌曲页面显示评论数

    2019-05-02

    #JavaScript#油猴脚本

  • linux 获取最新版本git并编译安装

    2019-04-24

    #Linux#Git

  • CentOS7编译OpenJDK12、13

    2019-04-08

    #Linux#Java

  • Centos7使用fail2ban配合python脚本防范ssh暴力破解(修改)

    2019-03-29

    #CentOS#Linux

  • Centos7使用fail2ban配合mailx防范ssh暴力破解

    2019-03-29

    #CentOS#Linux

  • Notepad++为自定义的扩展名添加默认高亮

    2019-03-29

  • CentOS初始化脚本 CentOS-init.sh

    2019-03-28

    #CentOS#Linux#Shell

  • 统计gradle官网下载页面所有all.zip结尾文件的总大小

    2019-03-28

    #Linux#正则表达式#Android

  • CentOS 7 安装mysql

    2019-03-28

    #MySQL#Linux

  • SpringBoot 2.1.1配置HTTPS后启动时出现java.lang.UnsatisfiedLinkError解决方法

    2019-03-28

    #Java#Spring Boot#Tomcat

  • 中国天气网城市代码Json数据

    2019-03-28

    #Java#Json

  • 基于Grub2的winpe+linux多引导启动U盘制作

    2019-03-28

    #Linux#Grub

很惭愧

只做了一点微小的工作
谢谢大家