Vue 环境手册
下载nodejs包
下载地址
https://nodejs.org/en/ 或者 http://nodejs.cn/
环境检查
- 下载并安装git,下载地址
https://gitforwindows.org/
```
* 安装成功后 右键菜单，我们可以看到 Git Bash Here 。说明我们已经安装成功git。
* 右键空白，选择 Git Bash Here 弹出命令行窗口；
* 在终端输入 node -v，如果输出版本号，说明我们安装node 环境成功；
* 可以使用 npm -v 查看npm的版本号
## 安装vue-cli脚手架
* 安装cnpm
打开命令终端 npm install -g cnpm --registry=https://registry.npm.taobao.org
回车安装成功之后，就可以快乐的用 cnpm 替代 npm
备注： 好多人好奇，下载的东西都安装到哪里去了？ OK，进入你的nodeJS的安装目录下的：node_modules\npm 打开这个文件：npmrc prefix=${APPDATA}\npm 对就是你看到的信息，APPDATA，什么鬼 命令行：输入npm config ls, 你可以神奇地对标了，安装包就在那个prefix的目录下
* 接下来安装vue-cli
npm install vue-cli -g
备注： 当然你也可以使用cnpm：cnpm install vue-cli -g
备注：
如果安装不出错，恭喜你，安装成功。
## 创建git项目仓库
* 进入我们的项目目录，右键 Git Bash Here
* 初始化项目 vue init webpack cloud-ui
* 是否要安装 vue-router 项目中肯定要使用到 所以 y 回车
* 是否需要 js 语法检测 目根据需要输入：y或者n，建议：n
* 是否安装 单元测试工具 目根据需要输入：y或者n，建议：n
* 是否需要 端到端测试工具 目根据需要输入：y或者n，建议：n
* 接下来 ctr+c 结束
## 进入 cd vue-demo
* 执行 npm install
或者执行：cnpm install 命令执行完成后，会在项目目录下生成一个：node_modules名的文件夹，其中安装的为项目依赖的包
* 接下来执行 npm run dev
* 默认浏览器会自动打开（http://localhost:8080/#/）,如果不打开，请手动打开
* 恭喜，你已经成功安装，并运行起来vue基础项目，踏入了vue的大门
## 结语
* 安装git后，在右键打开bash窗口时，可能会报如下错误：
Error: Could not fork child process: Resource temporarily unavailable (-1). DLL rebasing may be required; see ‘rebaseall / rebase –help’
* 解决方法：
- 进入：安装目录（我的是：D:\launch\git_Launch）
- 进入：\usr\bin 目录
- 复制：msys-2.0.dll 文件到上层目录D:\launch\git_Launch\usr
- 打开cmd，进入D:\launch\git_Launch\usr\bin
- 执行如下命令： rebase -b 0x76000000 ..\msys-2.0.dll
- 也许会提示你：-b后的参数要大于：200000000，修改为大于200000000的数值即可（例如：760000000）
- 复制D:\launch\git_Launch\usr\msys-2.0.dll 到 D:\launch\git_Launch\usr\bin
* 获取npm配置文件路径
npm config get userconfig
* 获取全局配置文件
npm config get globalconfig
* 获取npm配置项列表
npm config list
* 为npm设置代理
$ npm config set proxy http://server:port $ npm config set https-proxy http://server:port
* 如果代理需要认证的话可以这样来设置。
$ npm config set proxy http://username:password@server:port $ npm config set https-proxy http://username:pawword@server:port
* 如果代理不支持https的话需要修改npm存放package的网站地址。
$ npm config set registry "http://registry.npmjs.org/"
## 附录
npm获取配置有6种方式，优先级由高到底。 命令行参数。 --proxy http://server:port即将proxy的值设为http://server:port。
环境变量。 以npm_config_为前缀的环境变量将会被认为是npm的配置属性。如设置proxy可以加入这样的环境变量npm_config_proxy=http://server:port。
用户配置文件。可以通过npm config get userconfig查看文件路径。如果是mac系统的话默认路径就是$HOME/.npmrc。
全局配置文件。可以通过npm config get globalconfig查看文件路径。mac系统的默认路径是/usr/local/etc/npmrc。
内置配置文件。安装npm的目录下的npmrc文件。
默认配置。 npm本身有默认配置参数，如果以上5条都没设置，则npm会使用默认配置参数。 ```