一、全局安装 vue-cli 脚手架

  1. npm install -g vue-cli

这里使用 npm，也可以使用 yarn

二、全局安装 init

  1. npm install -g @vue/cli-init

三、创建应用

  1. vue init webpack-simple your-app-name

通过脚手架创建的 webpack-simple 模板路径概览：

  1. package.json
  2. babel.config.js  //编译es6用的,把es6转变成js5
  3. .gitignore  //git忽略的文件或文件夹
  4. src //源代码存放的地方
  5. public //放置公共的文件

锁定新建的文件夹

四、安装依赖

  1. npm i

五、运行

  1. npm run dev

至此，一个 vue app 通过脚手架快速搭建完毕，所有的业务逻辑在 src 中完成即可。