vue cli2 创建项目 及各种 命令详解

vue cli2 创建项目 及各种 命令详解

由于新的公司用到 vue cli2 脚手架，我个人惯用 cli3 故整理一下 cli2 基础。

1. 创建项目
创建前请先确定脚手架版本

vue -V

如果不是 2.x.x ，3以上的版本请做兼容处理
可以根据我上一篇文章简单处理

vue cli3 使用 cli2

若无其他问题，则在自己存放项目文件内创建项目
请在红色框框内输入 cmd 调出命令

vue init webpack projectName

Project name //这里再次输入你的项目名称，然后回车

Project description (A Vue.js project) //这里写你的项目描述，然后回车

Author //这是作者名称

Vue build 打包方式，回车就好了

Install vue-router? (Y/n) 是否安装vue-router，这是官方的路由，大多数情况下都使vue-router官网 。这里就输入“y”后回车即可。

Use ESLint to lint your code? (Y/n) 是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，并不会影响整体的运行，这也是为了多人协作，新手就不用了，输入’n’后回车。

Set up unit tests (Y/n) 设置单元测试，这里你可以选择n

Setup e2e tests with Nightwatch? E2E测试，选择n

这些完成后直接回车就好

2. 启动项目

cd projectName

npm run dev