vue cli2和cli3创建项目

我开始学vue了！我又要写傻瓜教程了。现在就是怎么用vue cli创建我的第一个项目。教程分三部分嗷c，目录如下

前提是

1. 你已经下载安装配置好了nodejs，如果没有点这个：Node.js安装配置
2. 你已经会用npm了，如果不会看这个：npm入门教程

---

Cli3

打开你的cmd，或者其他支持cmd的命令行工具都可以。我就用cmd了。
进入你要创建的文件夹，
vue create 文件名
输入只会回车一下，系统就会提示你了：

上面这个选项就是自动安装，下面的选项就是手动安装。
你按上下键，移动到想选的那一行上回车就行了。我这里选择了手动安装。
选了手动安装之后出现下面列表：
也是按键盘的上下键，如果要选定你就按空格，已选的再按空格取消。选完之后回车。
我就先选了babel和router然后回车。

下一个问题呢是是否采用history模式，这里我输入y 回车。
也就是确定使用history模式，想了解的可以查一下：vue-router的两种模式的区别

然后是记录文件，选择package.json回车

剩下的都直接回车就行了。

然后就显示在创建中了，稍等片刻即可。
当然了，我写这个文章的时候翻车了到下面这步的时候不动了，我戳了下回车他又好了……

总之最后显示这个的时候就证明你已经成功创建项目啦。可以根据提示，cd 进入文件夹，然后npm run serve。


然后等待一会就会给出网址。你随便选一个，在浏览器中进入就可以看到你的页面啦。

---

Cli3图形化界面

打开cmd输入vue ui就会给出一个地址，复制在浏览器打开即可。

打开就会给出一个图形化界面啦。
点击中间创建项目，你就可以选择文件目录

然后输入文件名，包管理器我用的是npm我就选择npm。剩下的直接默认选项就可了，点击下一步。

默认就是它自己给你配置，如果你知道需要什么你可以选择手动。

选择手动之后你就可以自己选择需要的配置啦。我在默认选择上加上了router。

最后就是select这里是一个代码的格式，你现在入门剪断不需要管这个，直接默认选第一个就可以了。选完后点击创建项目即可，预设的话选创建项目不保存预设即可。预设就是你保存之后以后就可以默认使用这一套。


选完之后等待一会儿，等他创建完毕即可。如果半天没反应的话，你看看你的cmd，回撤一下说不定就有反应了hhhhhhhhhhhhhhh。

一般到显示下面两行的时候，你的电脑就会提示你已经建完了，你切会浏览器就能看到了。
⚓ Running completion hooks…
Generating README.md…

---

Cli2

打开你的cmd，或者其他支持cmd的命令行工具都可以。我就用cmd了。
进入你要创建项目的文件夹输入：
vue init webpack 项目名
输入后回车，一下没反应就两下，两下没反应等一会儿就行了，毕竟不通电脑速度不一样。过一会儿就会让你回答以下几个问题：

• ? Project name （XXX）：默认就是你刚才写的项目名，直接回车就可以啦
• ? Project description ：直接回车会默认为A Vue.js project ，也可以自己添加一个描述
• ? Author：作者，可以写名字，不写就回车
• ? Vue build standalone：直接回车
• ? Install vue-router? ：回车默认yes就好
• ? Use ESLint to lint your code? ：输入N回车。毕竟是新入门，这个不需要搞什么格式，记得输入N
• ? Set up unit tests ：回车默认yes
• ? Pick a test runner ：回车默认jest
• ? Setup e2e tests with Nightwatch? ：回车默认Yes
• ? Should we run npm install for you after the project has been created? (recommended) ：回车默认npm

也就是说上面这几个除了Use ESLint to lint your code? ：输入N回车之外，其他的都直接回车就可以。 然后你就等待就好了。

如果出现如下提示就点这个→vue init webpack 提示chromedriver问题

Current existing ChromeDriver binary is unavailable, proceding with download and extraction.

没出现的话继续等着就行了，直到出现这个提示就可以了：

然后按照提示输入
cd demo
npm run dev

输入完之后等着就可以了。最后会给你一个地址，如果你设置过了，可能地址会不一样。

总之复制提示的地址在浏览器中直接打开就可以了。