vue-cli 脚手架一键搭建工程

首先要确认是否安装了 node.js，然后再继续下面的流程

创建项目模板 template

打开终端

全局安装 vue-cli

npm install -g vue-cli

创建 blog-client 项目

vue init webpack blog-client

下面会出现 项目名称 描述 作者等可以直接回车

下面推荐 运行 + 编译

? Vue build (Use arrow keys)
> 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 

下面使用 vue-router (会给出vue-router范例)

? install vue-router? (Y/n)

后面根据需要选择是否使用 ESLint, 单元测试(unit tests), e2e tests 等

然后是使用 npm 还是 yarn

终端会创建 vue-blog 文件夹以及相关文件

执行以下命令

cd vue-blog
npm run dev

此时，会启动一个 server，浏览器打开 http://localhost:8080 即可看到模板项目效果

最后就可以在此基础上添加自己的项