1. 安装 node,git

2. git bash

3. 淘宝 NPM 镜像

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

4. 全局安装 vue-cli

cnpm install -g vue-cli

5. 创建一个基于 webpack 模板的新项目

vue init webpack my-project

6. 模板

  1. Project name
    项目的名称,括号里面是你创建模板时候的名称,如果想要用这个名称直接按 Enter 键就可以了,或者是自己写一个新名字。
  2. Project description
    项目的描述,自己写,不是必填项,然后按下 Enter 键。
  3. Author zhang
    项目作者,自己写,不是必填项,然后按下 Enter 键。
  4. vue build
    是否安装编译器,到选择 Vue build 方式时,有两种方式,第一种为 standaloe 方式,第二种 runtime-only 为 runtime 方式。
    runtime 打包的是 /node_modules/vue/dist/vue.common.js standalone 打包的是 /node_modules/vue/dist/vue.js
    runtime 和 standalone 这两种方式对普通用户使用起来没区别,选择第一个大多数用户使用的就可以了,然后按下 Enter 键。
  5. Install vue-router
    是否 vue 安装路由,选择 y,按下 Enter 键。
  6. Use EsLint to lint your code
    是否使用 ESLint,ESLint 是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具,使用它可以避免低级错误和统一代码的风格, 也就是需要按照规范格式来写代码。可以选择 y 或者是 n,按自己习惯需要,在这里选择 n,按下 Enter 键。
  7. Set up unit tests
    是否安装测试工具,选择 n,按下 Enter 键。
  8. Setup e2e tests with Nightwatch?
    是否安装 e2e 测试工具,选择 n,按下 Enter 键。
  9. Should we run npm install for you after the project has been created? (recom
    项目创建后,是否直接使用命令安装依赖?
    第一个:是的,使用 npm 命令安装
    第二个:是的,使用 Yarn 命令安装
    第三个:不,自己手动安装
    这里直接回车就可以了,或者是根据自己需求来安装选择命令安装。

7. 进入项目文件夹

cd my-project

8. 安装依赖

cnpm install

9. node_modules

在根目录下看自己的项目文件夹,会发现结构里面多了一个 node_modules 文件夹,该文件夹里的内容就是之前安装的依赖

10. 运行项目

npm run dev

11. http://localhost:8080/#/