Vue入门学习（1）

一、Vue的安装

1.1 安装Node.js

首先我们需要知道Node.js是什么？

• 简单的说 Node.js 就是运行在服务端的 JavaScript。
• Node.js 是一个基于Chrome JavaScript运行时建立的一个平台。
• Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。

知道Node.js基本意思后，我们可以去官网下载了 node官网地址


进入官网后，点击download，选择你需要的版本下载到本地，直接运行安装即可（安装路径可自行修改）。
怎样判断安装成功呢？可在命令提示符中执行以下命令，输出版本号即成功：

//查看node 的版本号
node -v 
//查看npm的版本号
npm -v

1.2 安装NMP

那什么又是NMP呢？

• NMP代表npmjs.corg这个网站，这个站点存储了很多的nodejs的第三方功能包。
• NPM的全称是Node Package Manager，是一个NodeJS包管理和分发工具，已经成为了非官方的发布Node模块（包）的标准。它 可以让 javascript开发者能够更加轻松的共享代码和共用代码片段，并且通过 npm 管理你分享的代码也很方便快捷和简单。
• NPM是集成在NodeJS中，一起安装的包管理工具。
  所以可以直接在命令行中查看NMP的版本

npm -v

（下面安装命令先不要执行哦，看到后面你就懂了）
如果安装的版本需要升级，命令如下：

nom install npm -g

如果需要安装模块，命令如下：

npm install <Module Name>

例如安装jquery模块：

npm install jquery

卸载模块，命令如下：

npm uninstall <Module Name>

创建模块，生成package.json文件，命令如下：

npm init

• 但是国内直接使用 npm 的官方镜像是非常慢的，推荐使用淘宝的 NPM 镜像。
• 淘宝 NPM 镜像是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟一次，以保证尽量与官方服务同步。

使用cnpm命令代替npm，安装命令如下：

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm安装模块命令，命令如下：

cnpm install [name]

通常我们安装Node.js环境，程序会默认将NMP全局模块的路径设置在c盘中，这样会极大的占用c盘空间，导致电脑运行缓慢。这样我们可以通过以下方式更改路径。
可以通过以下命令查看当前配置：

npm config ls

如果是第一次使用NPM安装包的话，在配置中只会看到prefix的选项，就是NPM默认的全局安装目录。

但是如果有多次使用NPM安装包的话，就会看到cache和prefix两个路径。

确认安装路径为默认路径后，我们就可以修改路径了
首先，在目标路径下（你希望安装的路径），建立node_global 和node_cache两个文件夹。

然后，打开命令提示符，运行下面命令（记得将路径改成你自己的路径哦）：

npm config set prefix "D:\Software\nodejs\node_global"
npm config set cache "D:\Software\nodejs\node_cache"

执行成功后，可以用npm config ls命令查看配置的结果，已经修改为你自己的路径。

接着，需要配置相应的环境变量，新建一个系统变量，变量名NODE_HOME,变量值：D:\Software\nodejs（配置你自己的路径哦）

在path变量名中，新建变量值：
%NODE_HOME%
%NODE_HOME%\node_modules
%NODE_HOME%\node_global

然后，安装CNPM（前面安装的小伙伴们可能要重新安装了，记得删除原来的安装文件哦）:

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装好后效果：

最后，设置NPM源，把默认源设置为淘宝镜像

npm config set registry https://registry.npm.taobao.org

设置后，输入npm config ls检查，出现下图表示修改成功。

这样，默认路径就修改成了你自己想要的路径了。

当然安装后也有可能会遇到，‘cnpm’ 不是内部或外部命令，也不是可运行的程序 或批处理文文件，这样的问题。

原因是：cnpm文件夹与npm文件夹不在同一文件夹下
cnpm所在文件夹：D:\Software\nodejs\node_global\node_modules
npm所在文件：D:\Software\nodejs\node_modules

解决办法：将cnpm文件夹移动至npm所在的文件夹下，再将cnpm和cnpm.cmd文件移至npm与npm.cmd所在的文件夹即可


今天先到这里吧，明天继续