如何使用vue脚手架搭建一个vue项目？

在使用vue做项目的首要步骤，就是怎么使用webpack搭建项目。

对于很多前端开发者而言，webpack繁琐的配置步骤，很难适合每一位开发者。

因此，vue官方就出了一款 vue-cli脚手架，只需一条命令就可以快速搭建一个vue 项目。

搭建步骤 :

1、 全局安装脚手架工具： npm i -g vue-cli

2 、安装后，通过命令 vue –version 来查看版本号： 2.9.6

3 、在终端中执行命令： `vue init webpack 项目名称`  就可以创建一个Vue项目出来；

运行之后，我们在终端需要设置一下东西 ：

 ? Project name (vuecli-demo) 项目名称

 ? Project description (A Vue.js project) 项目描述

 ? Author (zqran <uuxnet@163.com>) 作者，自动读取 git 的配置

 ? Vue build (Use arrow keys)  选择Vue编译模式

  > Runtime + Compiler: recommended for most users （ 完整版： 运行时 + 编译器 ）

    Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files – render functions are required elsewhere

  ? Install vue-router? (Y/n) 是否安装路由，输入Y表示安装

 ? Use ESLint to lint your code? (Y/n) 是否使用 ESLint 校验你写的代码

  ? Pick an ESLint preset (Use arrow keys) 选择一个代码风格

     > Standard (https://github.com/standard/standard) （选这个）

            Airbnb (https://github.com/airbnb/javascript)

            none (configure it yourself)

   ? Set up unit tests (Y/n) 单元测试 选n

    ? Setup e2e tests with Nightwatch? (Y/n) 端到端测试 选n

      ? Should we run `npm install` for you after the project has been created? (recommended) (Use arrow keys)

        > Yes, use NPM

          Yes, use Yarn

          No, I will handle that myself

    */

    // 4 进入项目根目录，执行命令： npm run dev