Mac Webpack Vue项目的搭建

---

前言

由于公司需要对接浙政厅的H5应用平台，为了满足平台的发布要求，自己第一次研究Vue项目的搭建。

---

一、Node的安装？

链接: 官网下载地址.

下载上图中的16.6.1 版本，然后运行.dmg 文件进行安装。安装成功后：在终端运行：node -v 查看node.js是否安装成功

二、Webpack的安装

Ok，接口下来就是通过npm安装webpack了，在终端里输入：

-g 表示全局安装

sudo npm install webpack -g

三、Vue 的安装

sudo npm install -g vue-cli

四、Vue项目的创建

进入终端：cd 创建对应项目的文件夹

运行命令：
vue init webpack 项目名称

命令执行后会出现：

①、Project name (sanfeng1)；输入项目名称（如zlbapp）。（确定按enter，否按N）

②、 Project description (A Vue.js project)；项目描述（一vue.js项目）。（用英文）

③、Author (sunsanfeng)；作者（**）。（确定按enter，否按N）

④、Vue build (Use arrow keys)> Runtime + Compiler: recommended for most usersRuntime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render 　　　　　　　　functions are required elsewhere；Vue公司的建立（使用箭头键）>运行时+编译器：大多数用户推荐运行时间：约6kb轻民+ gzip，但模板（或任何Vue具体HTML）只允许在。VUE文件渲染功能是必需的其他地方。（按enter）

⑤、Install vue-router? (Y/n)；安装的路由？（/ N）。（可安可不安）

⑥、Use ESLint to lint your code? (Y/n)；使用ESlint语法？（Y/ N）。（使用ESLint语法，建议N）

⑦、Setup unit tests with Karma + Mocha? (Y/n)；设置单元测试？（Y / N）。（选N）

⑧、Setup e2e tests with Nightwatch? (Y/n)；Nightwatch建立端到端的测试？（Y / N）。（选N）

五：运行项目

终端：cd 上述的zlbapp 目录
运行：npm run dev (运行可能出现项目错误，这个自己解决)