使用vue cli创建项目

    官网文档：Home | Vue CLI (vuejs.org)

一.初始化脚手架：

1.具体步骤

前置工作：安装Node环境

Node 版本要求:Vue CLI 4.x （推荐使用最新版本，向下兼容性好）需要 Node.js v8.9 或更高版本 (推荐 v10 以上)

• 下载node.js
• 检查版本号
• 如图：

第一步（仅第一次执行）：全局安装@vue/cli 包（这个包一安装，你的电脑上就会出现一个全新的命名，名字就是vue）

npm install -g @vue/cli

如上图所示，就说明我已经全局安装过了

备注：如出现下载缓慢请配置npm淘宝镜像

npm config set registry https://registry.npm.taobao.org

（假如不记得有没有执行可以再执行一遍）

第二步：切到你要创建项目的目录，然后使用命令创建项目

vue create xxxx

如下： 

打开项目后：

main.js里面的render的用法解析参考:VueCLI中为什么使用render函数而不使用template模板解析_new vue不能使用template_要写注释啊的博客-CSDN博客

二.脚手架结构分析：

三.关于vue不同版本的说明：

四.vue.config.js配置文件

此配置文件可以修改 vue cli的默认配置

 详见：【精选】vue.config.js 配置_muzidigbig的博客-CSDN博客