Vue框架搭建快速入门

安装的环境

- node.js

https://nodejs.org/zh-cn/（官网）
https://npm.taobao.org/mirrors/git-for-windows/（淘宝镜像）

安装的步骤只需要无脑的安装，下一步（可以更改自己的安装路径）

- 查看是否安装成功
在cmd窗口中输入以下两个命令（npm:就是一个软件包管理工具）

• node -v

• npm -v
  - 安装Node.js淘宝镜像加速器（cnpm）

• npm install cnpm -g
  
  - 安装vue-cli

• cnpm instal1 vue-cli-g

• vue list
  

• 第一个 Vue项目
  在自己的磁盘中创建一个文件夹，从文件夹中进入cmd窗口
  
  一路都选择no即可；

说明

Project name：项目名称，默认回车即可
Project description：项目描述，默认回车即可
Author：项目作者，默认回车即可
Install vue-router：是否安装vue-router，选择n不安装（后期需要再手动添加）
Use ESLint to lint your code:是否使用ESLint做代码检查，选择n不安装（后期需要再手动添加)
Set up unit tests:单元测试相关，选择n不安装（后期需要再手动添加）
Setupe2etests with Nightwatch：单元测试相关，选择n不安装（后期需要再手动添加）
Should we run npm install for you after the,project has been created:创建完成后直接初始化，选择n，我们手动执行；运行结果！

查看目录

• npm run dev