vue-cli（快速构建一个vue应用的单页面）

一、Node和Npm

1. Node.js

• 下载地址：http://nodejs.org/en/ (推荐下载LTS版本)
• 安装后：在命令行输入node -v 即可查看版本信息

2. NPM

• 介绍：是Node提供的模块管理工具，可以方便的下载很多前端的框架，Node自带NPM。

• 查看版本信息：npm -v

• 切换成淘宝镜像：npm config set registry https://registry.npm.taobao.org
  (也可使用：

  • 切换镜像工具安装：npm install nrm -g
  • 查看npm的镜像仓库列表：nrm ls
  • 切换要使用的镜像源：nrm use taobao
  • 测试速度：nrm test npm
    )

• 测试是否切换成功：npm config get registry
  

二、vue-cli2

1. 安装好nodejs之后，安装vue-cli2（仅需要装一次即可）

• 命令：npm install -g vue-cli
  

2. 在需要装项目的文件夹：按shift+鼠标右键
   
3. 创建项目

• 命令：vue init webpack 项目名
  
• 创建项目后的目录
  

4. 下载依赖：npm install
   
   
5. 运行vue项目：npm run dev

• 在webStorm中配置运行
  

三、vue-cli版本

1. 命令行（win+R->cmd）安装vue-cli最新版本

• 命令：npm install -g @vue/cli
  

2. 创建项目

• 命令：vue create 项目名
  
• 创建项目生成的目录
  

3. 运行

• 命令：npm run serve
  

四、在WebStorm中运行出现的问题

1. 出现eslint:please specify node.js interpreter correctly