VueCli的安装使用

一、什么是VueCli

vue-cli 官方提供的一个脚手架（预先定义好的目录结构及基础代码，咱们在创建 Maven 项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架）用于快速生成一个 vue 的项目模板。

• 统一的目录结构
• 本地调试
• 热部署
• 单元测试
• 集成打包上线

二、安装

准备

下载安装Node.js和git

安装vue-cli

• 在控制台输入命令

npm install vue-cli -g --registry=https://registry.npm.taobao.org

• 查看是否安装成功

vue -V

三、构建项目

创建名为my-app的项目

vue create my-app

项目结构

• public: 存放静态文件。
• src: 源码文件，开发就在此目录下。
• .gitignore: git的配置文件。
• babel.config.js: babel的配置文件，在创建项目的时候才用的脚手架为bable。
• package-lock.json：定义了依赖库的下载位置，保证了在项目迁移部署环境的一致性。
• package.json: 定义了该项目依赖的类库。
• node_modules:存放npm下载的文件

当项目中缺少node_modules文件夹时，在当前项目下运行npm install 命令