Vue脚手架

一、创建脚手架：

 第1步：创建脚手架的过程可能会比较缓慢，先配置nmp淘宝镜像可提升下载速度

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

第2步：仅第一次执行，全局安装@vue/cli

npm install -g @vue/cli

第3步：切换到要创建项目的目录(我的是在F盘根目录)，然后使用命令创建项目

npm create vue_test

我选择的vue2，创建脚手架的时间稍微有点长，直到出现下面界面，即表示vue_test脚手架项目创建完成

 vue脚手架隐藏了所有webpack相关的配置，若想查看具体的webpack配置，只需执行：

cd vue_test
vue inspect > output.js

最后，需要运行项目，在cmd下执行命令

npm run serve

 

 

二、模版项目的结构

 

三、入口文件main.js的说明

 

 

四、主页面index.html的说明