vueCli 的简单使用

Vue Cli 是vue官方基于webpack打造的脚手架工具，脚手架工具内置了很多模版和工具，可以让我们快速的进行vue的项目创建。

1. 首先要安装 cli ，那么想安装cli 就得先去安装 note.js。 Note.js中文网 下载后就直接安装
   如何确认安装好了？
   
   直接输入

   npm --version

   如果查看到npm的版本，则安装成功，当然也可以看看note 的版本。
   这个的话 输入 note --version
   
   因为要安装 cli，则npm的安装的命令是：

   npm i @vue/cli -g

           其中 i 是 install 的简写 @vue/cli 是cli脚手架的名字 -g 是安装到全局配置
   在安装的途中会提示有一些错误，应该是权限的问题 win用户的在直接右击->管理员运行 直接运行那行代码    mac用户的话，直接在 命令行输入 

   su root

   输入密码，获得root权限就可以继续安装了。  安装好了后 直接输入 vue --version 看是否有对应的版本， 一般输出的是：  @vue/lic 后面是版本号
2. 安装好了后直接在当前的ide中的终端或者是控制台中开始创建项目

   vue create 项目名字

   这个让你进行一个选择。   这个演示的时候在直接在终端进行了，实际上是在ide下面的控制台等等中执行，或者可以在你想要创建的目录下面使用终端进行创建等等。
   
   
   有两个默认选项 一个是 vue3 一个是vue2 默认框架进行选择 一般都选择学习或者使用的对应的版本。第三个是手动选择功能
   选择好了之后会出现这样子一个界面
   
   里面的 package.json中有一些命令可以使用到   scripts下面的：
   
3. 命令的使用
   在开发中比较常用的是 serve 可以帮助我们打开一个本地的静态资源服务器，将项目直接跑起来

   npm run serve

   这是这些命令的用法
   build 是将项目打包，
   
   dist是打包之后的文件夹
    

好，今天就到这里就结束了，记得点赞，收藏+关注欧！！！