nvm、node、npm安装以及pycharm配置eslint

nvm、node、npm之间的区别

1. nvm的官方叫法：nodejs版本管理工具。

    nvm至关因而家长，一个家长能够管理多个孩子。
    也就是说:一个nvm能够管理不少node版本和npm版本。

2. nodejs

在项目开发时的所须要的代码库

3. npm

在安装的nodejs的时候，npm也会跟着一块儿安装，它是包管理工具。
npm管理nodejs中的第三方插件

nvm、nodejs、npm的关系：

nvm是爸爸，管理nodejs和npm这一对双胞胎兄弟。npm是哥哥，npm哥哥能够管理node弟弟的东西。

我的是这么理解的，要是有误差，请指点。

mac安装nvm

打开https://github.com/creationix/nvm。在下面的简介中找到install这几个字，而后继续往下找，直到找到 

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash

（随着时间变哈 ，这个版本可能会出现变化，自行在github上查看） 
复制这些字，到Mac的terminal中，就会安装nvm,安装完成后，还暂时不能用，须要复制它提示的两行代码（就是下图拿箭头标出来的两行代码）来配置环境变量： 

完成之后 输入

nvm

出现

node version manger

说明nvm安装成功。

mac安装node

若是你们以前作过web服务器的人都知道,nginx+lua与如今流行的node.js都是能够作web服务器的,前者在程序的写法和配置上要比后者麻烦,但用起来都是差很少.在这里建议你们若是对lua脚本语言不了解,能够多了解这门脚本语言,他号称是全部脚本语言执行效率是最高的一门脚本语言.底层是基于C语言的,很是好用,跨平台! 
下面我就来给你们配置一下node.js环境.

第一步:打开终端,输入如下命令安装Homebrew

ruby -e “$(curl -fsSL 
https://raw.githubusercontent.com/Homebrew/install/master/install); 

第二步:安装node,在终端输入如下命令

brew install node 

第三步 查看node安装成功与否

node -v 

以上三步 node就安装成功了

程序测试

第一步:新建一个文件test.js

var  http=require('http');//导入Node.Js中的Http的库文件，并获取句柄
//createServer函数，传入回调函数,request,response
var server=http.createServer(function(req,res){
    console.log("Get A Request...");
    res.writeHead(200,{
        "Content-Type":"Text/plain"
    });
    res.write("Hello NodeJs666");
    res.end();
});
server.listen(5000);

第二步:用终端找到其所在的目录运行

node test.js

第三步:经过浏览器进行访问localhost:5000,返回数据

第四步:前端就能够经过调用这个接口进行数据解析了,而且能够在当前页面进行数据展现了.

是否是很简单,若是以前作过web服务接口开发的,这个应该不会陌生,甚至来讲很是简单了.

 

npm相关

npm install

安装本地包

npm install <package_name>:这个命令将在当前目录中建立node_modules目录（若是尚不存在），并将该软件包下载到该目录。该命令默认本地安装。

安装了哪一个版本的软件包？

若是本地目录中没有package.json文件，则会安装最新版本的软件包。

若是有package.json文件，则安装知足该package（若是有的话）在package.json中声明的semver规则的最新版本。

安装全局包

npm install -g <package>：全局安装包。

package.json

npm init

npm init：这个命令用于建立一个package.json。

npm init --yes或npm init -y:从当前目录中提取的信息生成默认的package.json。建立过程当中不会提问。

若是您的目录中已经有一个package.json文件，而且运行了npm install，那么npm将查看该文件中的dependencies，并下载知足全部这些的最新版本。

package.json文件中的description帮助人们在npm搜索中找到您的包，因此在package.json中进行自定义描述很是有用。

也能够彻底自定义package.json文件的内容和在init期间提出的问题。这经过建立自定义.npm-init.js来完成。默认状况下，npm将查找您的主目录。 〜/ .npm-init.js

dependencies与devDependencies

dependencies和devDependencies指定了项目依赖的包。

• dependencies：这些包在生产中须要。

• devDependencies：这些包用于开发和测试。

npm install <package_name> --save命令会添加条目到package.json的dependencies中。
npm install <package_name> --save-dev命令会添加条目到package.json的devDependencies中。

npm update

更新本地软件包

npm update：用于更新依赖的软件包。须要在package.json文件所在的目录中运行该命令。

更新全局软件包

npm update -g <package>：更新全局软件包。
npm update -g：更新全部的全局软件包。
npm outdated -g --depth=0：找出须要更新的包。

npm uninstall

卸载本地软件包

npm uninstall <package>：从node_modules目录中移除一个包。

npm uninstall --save <package>：从package.json的dependencies中移除一个包。

npm uninstall --save-dev <package>：从package.json的devDependencies中移除一个包。

实际操做时，发现使用npm uninstall <package>不只会在node_modules目录下删除该包，还会将该包在package.json中dependencies或devDependencies里面的信息删除。

卸载全局软件包

npm uninstall -g <package>：卸载全局软件包。

总结：本地命令加上-g就是全局命令。

参考自：npm

eslint介绍

es6 javascript的ESLint 代码检测

ESLint 是一个语法规则和代码风格的检查工具，能够用来保证写出语法正确、风格统一的代码。

首先，安装 ESLint。

$ npm i -g eslint 

而后，安装 Airbnb 语法规则，以及 import、a11y、react 插件。

$ npm i -g eslint-config-airbnb $ npm i -g eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react 

最后，在项目的根目录下新建一个.eslintrc文件，配置 ESLint。

{ "extends": "eslint-config-airbnb" } 

如今就能够检查，当前项目的代码是否符合预设的规则。

index.js文件的代码以下。

var unusued = 'I have no purpose!'; function greet() { var message = 'Hello, World!'; alert(message); } greet(); 

使用 ESLint 检查这个文件，就会报出错误。

$ eslint index.js index.js 1:1 error Unexpected var, use let or const instead no-var 1:5 error unusued is defined but never used no-unused-vars 4:5 error Expected indentation of 2 characters but found 4 indent 4:5 error Unexpected var, use let or const instead no-var 5:5 error Expected indentation of 2 characters but found 4 indent ✖ 5 problems (5 errors, 0 warnings) 

上面代码说明，原文件有五个错误，其中两个是不该该使用var命令，而要使用let或const；一个是定义了变量，却没有使用；另外两个是行首缩进为 4 个空格，而不是规定的 2 个空格。

配置eslint在pycharm中

原文：How to install NPM package in a home directory (PyCharm)

I don’t like to install things as a root user. If it’s possible to install something in my home directory, why not use it?

I use PyCharm for programming and for example to validate JavaScript code it needs http://eslint.org package. Let’s install ESLint in home directory and make it globally accessible.

First, we need to tell NPM that it should install everything in ~/.npm directory.

npm config set prefix '~/.npm'

Now every time when you install NPM package using -g option it will install it in ~/.npm directory. You don’t need the root access to do it. All executables will be in ~/.npm/bin directory. For example if I install ESLint using npm install -g eslintcommand then it will be possible to run eslint command from terminal using full path:

~/.npm/bin/eslint

It’s inconvenient, right? It’s better to be able to use just eslint command. To achieve that we need to modify ~/.bash_profilefile. Find in this file line which starts with PATH= and add ~/.npm/bin at the end of the line. In my ~/.bash_profile file it looks like this:

PATH=$PATH:$HOME/.local/bin:$HOME/bin:~/.npm/bin

If the line with PATH doesn’t exist then you can add it:

PATH=$PATH:~/.npm/bin

Now you need to apply changes.

source ~/.bash_profile

And it’s done. You should be able to run eslint without specifying the full path to the file.

Quick tip about PyCharm. PyCharm needs a full path to the ESLint directory, not to ESLint executable file. In settings you need to use~/.npm/lib/node_modules/eslint path.

PyCharm - ESLint configuration

报错：Error : No ESLint configuration found

参考： https://stackoverflow.com/questions/38173326/no-eslint-configuration-found-error

The error you are facing is because your configuration is not present. To configure the eslint type

eslint --init

then configure as your requirement.

then execute the project again.

执行 eslint --init，效果以下：