vue项目创建全过程，亲测记录

前言

示例项目父级目录：
/home/wwwroot/thinkphp_swoole_chat/public/demo

示例项目名称：
chat

npm config set registry=https://registry.npm.taobao.org

依赖名称	功能说明
webpack	打包工具
vue-cli	vue命令行工具

npm install -g webpack vue-cli

cd /home/wwwroot/thinkphp_swoole_chat/public/demo

请注意：如果项目目录做了虚拟机目录磁盘映射，请务必不要在虚拟机里执行如下代码，会报莫名其妙的错误，请确保是在物理机环境下执行创建操作，另外如果涉及到依赖安装也建议在物理机环境下操作。

vue init webpack chat

根据提示填写如下信息

信息	翻译	填写示例	说明
Project name	项目名称	chat	直接回车则直接使用命令 `vue init webpack chat` 中的 `chat` 作为项目名称
Project description	项目描述	基于thinkphp+swoole的聊天室示例	直接回车则直接以 `A Vue.js project` 作为项目描述
Author	作者	jinyicheng	直接回车则表示不提供作者信息
Vue build (Use arrow keys)	编译模式	选择第一个 `Runtime + Compiler: recommended for most users` 回车	使用键盘上下箭头按键选择，一般选择第一个回车，此时会显示Vue build `standalone`
Install vue-router? (Y/n)	是否安装vue-router，即vue路由	输入Y回车
Use ESLint to lint your code? (Y/n)	是否使用ESLint 来检查代码规范	输入Y回车
Pick an ESLint preset (Use arrow keys)	选择一个ESLint检查代码规范	选择第一个 `Standard (https://github.com/standard/standard)`	使用键盘上下箭头按键选择，一般选择第一个回车，此时会显示Pick an ESLint preset `Standard`
Set up unit tests (Y/n)	是否设置单元测试	输入n回车	此处根据实际需要设置
Setup e2e tests with Nightwatch? (Y/n)	是否通过Nightwatch进行e2e测试	输入n回车	此处根据实际需要设置
Should we run `npm install` for you after the project has been created? (recommended) (Use arrow keys)	是否可以在项目创建后通过npm install来安装？	选择第一个 `Yes,use NPM` 回车	此处根据实际需要选择

在完成上述最后一个选择并回车后，将会生成项目，此时您将发现生成了如下路径的项目：
/home/wwwroot/thinkphp_swoole_demo/public/demo/chat

cd chat
npm run dev

默认情况下浏览器访问：

http://localhost:8080