Day27 Vue CLI 介绍

前面讲了一对现在怎又多了CLI?
CLI有事要干嘛的?

在之前我们写Vue时都是用vue.js和<script>来写，但是也因为专案越来越大，这种方式已经开始没法满足前端的开发人员，所以就开始想办法让前端的人能更有效率的开发，最後Vue CLI就诞生了。

CLI最厉害的地方就是它可以让开发者快速建置一套立即可用得开发环境，同时也可以依开发者需要与其他 Plugin 整合，如Babel、ESLint、SASS ... 等等。

Vue CLI 的安装

在安装Vue CLI之前，必须先安装Node.js，到可以依自己的需求去官网下载版本。

在安装完後，可以开启Terminal(或是cmd)输入以下指令:

下在完後可以在终端机输入 vue -V来看看自己有没有下载对版本。
接下来在输入vue cretae [专案名称]後会看到这画面。
选择你要的版本。

如过你是选Manually select features的话可以看到此画面。

这常是不太会需要改动到其他东西，所以一直Enter就可以了。
这里就找指令输入就行了
cd test01
npm reun serve


再到浏览器输入http://localhost:8080/後呈现画面如下。

除了用以上方式另一种方式是在终端机去输入vue ui後会到这画面，然又就自己去新增专题就差不多了，以画面就好解决。

今天就先到这了，明天见~