Vue如何创建脚手架以及项目结构分析

• 先配淘宝镜像 如出现下载缓慢请配置 npm 淘宝镜像：npm config set registry https://registry.npm.taobao.org
• 1.第一步 cmd 全局安装@vue/cli。
• npm install -g @vue/cli
• 2.第二步 切换到你要创建项目的目录，然后使用命令创建项目
• vue create xxx 
• 有三个选项第一个是vue2 第二个vue3 第三个选项自定义
• 出现success 表示创建成功
• 3.启动项目  
• 切换到项目列表npm run serve

1. 项目结构分析

 

 

1. main.js程序入口，一切的开端，先执行用来创建vm实例

在实际开发过程中，组件之间相互套用，一般用一个总个组件来管理所有组件即：vm-->app.vue组件-->其他组件

不同版本的vue声明