windows安装Atom+Nuclide

背景描述:最近在看React-Native,在选择编辑工具时看到了Atom+Nuclide,这是FaceBook官方推出的工具,所以选择了它,当然,也可以用WebStrom。废话不多说,接下来直接进入正题。

首先在安装之前默认已经安装了:react-native环境。

一、安装Atom:

下载安装包:官方链接(官方下载可能很慢)。下载完成后直接安装就行。

安装完成后可能没有生成快捷键,可以在C:\Users\你的用户名\AppData\Local\atom下可以找到:atom.exe。

安装后,打开atom界面如下。

windows安装Atom+Nuclide

二、在Atom中安装Nuclide:

 在Atom中找到:File->Settings->Install:打开界面如下:windows安装Atom+Nuclide

此时直接安装可能会出现错误,此时cmd命令行进行检查:

输入:npm install --check

出现错误以下类似错误:

npm WARN enoent ENOENT: no such file or directory...

...no package.json...

解决方法:
 在cmd命令行中输入:
 npm config set registry https://registry.npm.taobao.org
 npm config set disturl https://npm.taobao.org/dist
 npm install -g koa
npm init -f(初始化生成package.json)
生成的package.json如下:
{
   "name": "Administrator",
   "version": "1.0.0",
   "description": "23411",
   "main": "index.js",
   "scripts": {
      "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
 }

继续输入:npm install --check,此时出现如下警告:
...No description
...No repository field.
意思就是我们上面的package.json中缺少description与repository字段,加入这两个字段后的package.json如下,多了dependencies
devDependencies这两个字段也加上
{
   "name": "Administrator",
   "version": "1.0.0",
   "description": "23411",
   "main": "index.js",
   "dependencies": {
     "koa": "^2.1.0",
     "sha1": "^1.1.1"
   },
   "devDependencies": {},
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "repository": {
     "type": "",
     "url": ""
   }
 }

然后再到cmd命令行执行:npm install --check得到如下结果(得到此结果前,可能会下载一些包):

windows安装Atom+Nuclide

最后,回到我们的Atom中,再次安装Nuclide,直接成功!!!

windows安装Atom+Nuclide