Vue CLI: 初次使用vue-cli

Vue CLI: 初次使用Vue CLI

一、vue-cli介绍

​ vue-cli ：Vue.js 开发的标准工具，一个基于 Vue.js 进行快速开发的完整系统

​ vue-cli官网：https://cli.vuejs.org/zh/

二、vue-cli的使用

• 安装 npm install -g @vue/cli

• 检测 vue --version

• 卸载 npm uninstall -g @vue/cli

三、创建vue项目

​ 输入 npm install -g @vue/cli 安装好vue-cli之后，就可以开始创建项目了

1. 命令行中输入：vue create 项目名称 ，创建一个项目
2. 项目结构
   • src 书写代码的地方
     • assets 存放使用的图片
     • components 存放项目里面的组件
     • App.vue 一个根组件文件
     • main.js 项目的入口文件
   • views 存放项目里面的页面级组件
   • package.json 项目的依赖包信息
   • public 存放静态资源
   • node_modules 项目依赖包
   • babel.config.js babal的一些配置文件