怕以后还要再配一遍,所以留着当备忘录。啊,我是win7 64位系统。
1.下载node.js,并配置环境变量
https://nodejs.org/en/(官网)http://nodejs.cn/(中文网)我下载的是Win系统的node-v6.9.2-x64.msi
推荐直接安装在根目录 D:\nodejs
计算机右键属性→高级系统设置→高级→环境变量→系统变量
新建系统变量(变量名)NODE_PATH (变量值)D:\nodejs
在path里添加 (变量值)%NODE_PATH%\;%NODE_PATH%\node_global\;
node -v
查看版本号,如果显示版本,则安装成功。
2.安装配置npm包管理器
安装完node.js,就在上面这个路径(D:\nodejs)里,你会看到一个npm.cmd,直接双击运行,npm就算装好了。
同样,
npm -v
查看版本号,显示,则成功。
在这个路径(D:\nodejs)新建俩文件夹(①node_cache ②node_global)
然后在桌面 win+r 输入cmd回车(开始菜单搜索框输入cmd也行)打开命令行工具设置npm的路径。
直接在命令行中输入
修改为即可:
prefix = D:\nodejs\node_global
cache = D:\nodejs\node_cache
设置缓存
npm config set cache "D:\nodejs\node_cache"
设置全局
npm config set prefix "D:\nodejs\node_global"
找到C:\Users\(用户名)\.npmrc文件修改为即可:
prefix = D:\nodejs\node_global
cache = D:\nodejs\node_cache
3.安装cnpm镜像
本来cordova,ionic等都是要在npm下安装,但是由于你懂的原因,网络并不能支持你安装成功(当然你可以爽一下试一试),因此我们需要用国内的镜像网站。推荐使用http://www.cnpmjs.org/
先安装cnpm
npm install -g cnpm
安装成功 cnpm -v 可显示版本号
然后进入C盘,C:\Users\qqqqqq(这个是你的用户名),往下拉,会看到 .npmrc 和 .cnpmrc 文件,没错,这两个分别就是npm和cnpm的配置文件。
右键记事本或者其他文本编辑器打开。两个里面东西可能不一样,鬼知道为什么啊,把下面三行放进去替换原来的。。。傻瓜做法,我也不知道为什么,可能就是设置源吧。。。
prefix=D:\nodejs\node_global
cache=D:\nodejs\node_cache
registry=http://registry.cnpmjs.org
保存退出。然后要修改一下本地host,打开这个网址,https://serve.netsh.org/pub/ping-tool/,把registry.cnpmjs.org复制到左边,点击获取IP列表,获取到对应的IP地址。进入C:\Windows\System32\drivers\etc 右键记事本等打开hosts 文件,把
47.88.240.14 registry.cnpmjs.org
(IP说不定会变,我用的时候是这个)放在文件的最后一行。
然后就是安装各种各样的资源啦啦啦。
4.安装cordova
cnpm install -g cordova 安装完 cordova -v 验证是否成功
5.安装ionic
cnpm install -g cordova 安装完 cordova -v 验证是否成功
cnpm install -g ionic 安装完 ionic -v 验证是否成功
ionic start myApp tabs (这句话的意思是,创建一个名字为myApp的项目,模板是tabs)(大概吧233)
等很久以后,告诉你项目创建成功了,你可以选择Y/N,是否创建一个ionic账户,选择之后 cd myApp
ionic serve
运行一下,就能在浏览器打开了(打不开那就是报错啦,哈哈哈,复制报错那段代码去网上查吧,有各种各样的bug哇哈哈哈………………)
6.安装express-generator
cnpm install -g express-generator
7.安装express
cnpm install -g ionic 安装完 ionic -v 验证是否成功
ionic start myApp tabs (这句话的意思是,创建一个名字为myApp的项目,模板是tabs)(大概吧233)
等很久以后,告诉你项目创建成功了,你可以选择Y/N,是否创建一个ionic账户,选择之后 cd myApp
ionic serve
运行一下,就能在浏览器打开了(打不开那就是报错啦,哈哈哈,复制报错那段代码去网上查吧,有各种各样的bug哇哈哈哈………………)
6.安装express-generator
cnpm install -g express-generator
cnpm install -g express 安装完 express --version 验证是否成功
cnpm install -g express 安装完 express --version 验证是否成功
8.安装typescript
cnpm install -g typescript
9.安装angularjs
cnpm install -g angularjs
10.……