创建Vue脚手架

Vue脚手架官网地址：https://cli.vuejs.org/zh/guide/installation.html

备注：
1.如果出现下载缓慢请配置 npm 淘宝镜像
请执行：npm config set registry https://registry.npm.taobao.org
2.Vue脚手架隐藏了所有webpack相关配置，若想查看具体的webpakc配置
请执行：vue inspect > output.js
3. (仅第一次执行):全局安装 @vue/cli

开始安装

win + r 打开cmd

输入: npm install -g @vue/cli

执行过程中可能会出现卡住，只需键盘回车即可。
完成结果图片

完成之后关闭cmd,重新打开cmd,输入：vue

这些是Vue的一些命令。

第二步：切换到你要创建项目的目录

这是创建在桌面

创建脚手架项目：命令vue create 你的项目名称 ，注意项目名称不可出现大写。

说明： Default ([Vue 3] babel, eslint) ， babel 语法转换，eslint语法检查

选择好版本之后键盘回车

此时在创建脚手架和配置中下载，但是在等待过程中可能会出现卡住，也是只需键盘回车即可，如果这个过程中持续15分钟还没配置完,建议配置上面备注所说的淘宝镜像。

进入项目和运行项目
命令:
进入项目 cd vue_test ,注意项目路径是创建在了桌面
运行项目 npm run serve 回车执行

编译项目完成，项目自带了一个hello world 项目

打开浏览器测试运行
你的端口号 App running at: 下的两个都行

测试结果图片

结束