Vue学习笔记：Vue安装与项目新建

1.安装node.js

官方网址：https://nodejs.org/en/
完成后，打开命令行，输入node -v和npm -v。查看当前node.js和npm的版本号。

2.设置node.js的全局安装路径和缓存路径

先在node安装目录下创建node_global和node_cache文件夹
设置环境变量：
用户变量设置：用户变量的PATH设为：D：\nodejs\node_global
系统变量设置：添加变量NODE_PATH,设为：D：\nodejs\node_modules
打开命令行，输入命令：npm config set prefix “D:\nodejs\node_global”，完成全局安装路径的设置。
输入命令：npm config set cache “D:\nodejs\node_cache”，完成缓存路径的设置。

3.安装vue-cli脚手架

命令行输入：npm install -g vue-cli（全局安装）
创建项目：vue init webpack “项目名称”
填写配置选项（可以为空）
创建vue项目完成

4.安装依赖

进入项目，输入命令npm install或cnpm install（需安装淘宝镜像：npm install -g cnpm --registry=http://registry.npm.taobao.org）
依赖安装完成后，项目的目录下会生成一个node_modules文件夹，依赖文件都在此文件夹中。

5.运行项目

命令行输入：npm run dev即可启动项目。
在浏览器输入地址：localhost:8080即可看到页面。
此时Vue的安装和项目新建就完成了。