vue cli(安装和创建)

安装cli

### npm install -g @vue/cli
### yarn global add @vue/cli

检查版本

vue --version

创建vue项目

使用命令创建

新建项目

在vscode下右键，在集成终端中打开

vue create testapp(文件名称)

回车：手动安装，空格选项，默认安装

执行打开命令

cd testapp

serve输出，启动开发者服务器

npm run serve

显示内部端口，ctrl+单击访问

实际运行main.js文件，将new vue进行实例化在render上，将mount挂载上（#app实际在public文件index.html的div id="app"之中）

现在的index.app运行不了，因为目前还未被编译

ctrl+s：终止批处理操作

执行编译build

npm vue build

在dist文件中直接部署，开发用src文件

***在vue.app之中进行编写，每保存一次vue就编译一次

$vue ui可视化操作

打开vue可视化管理

进行创建
选择文件夹位置，包管理器，

选择预设（手动配置，根据需求选择）

*bable（编译）bable.config.js :配置插件，预先配置
*typescript
*progressive web app support（图标）
*Router（路由）
*vuex（状态管理）
*css-Pre-processors（css预处理器）
*Linter / Formatter（代码格式化处理）
*Unit Testing（单元测试，端对端）
*E2E Testing

创建项目，不保存预设

需要等候一段时间，创建成功状态

创建好的状态

已经安好的依赖

等同于

 "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "vue-template-compiler": "^2.6.11"

依赖

直接运行编译

serve输出

点击：localhost:8080访问

***命令创建和可视化功能相同