Vue学习之初始化脚手架

初始化脚手架

第一步(仅第一次执行)：全局安装@vue/cli
npm install -g @vue/cli

这里的warn是脚手架本身存在的，不用管，安装完成后，重新启动命令行输入vue，不报错则成功安装

第二步：切换到你要创建的项目目录，然后使用命令创建项目，不要一上来就输入命令，要修改目录
命令为： vue create xxx(项目名)

进行选择

这里我选择的vue2
创建

注：出现下载过慢或者出现停止问题，我在这里删掉了原文件重新创建了就好了

然后进入项目目录输入 npm run serve
成功界面

在浏览器输入 http://localhost:8080/ 出现以下页面表示成功

注：不要关闭以下页面，如果打不开可以重复一遍进入项目目录输入 npm run serve

注意：
1、如果出现第一步下载缓慢请配置npm淘宝镜像：
npm config set registry http://registry.npm.taobao.org

2、Vue脚手架隐藏了所有webpack相关的配置，若想查看具体的webpack配置，执行命令： vue inspect > output.js