用vscode创建一个vue.js项目

1、以管理员身份打开Visual studio

2、安装vue-cli（已经安装跳过）

什么是vue-cli
vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。
vue-cli是有Vue提供的一个官方cli，专门为单页面应用快速搭建繁杂的脚手架。它是用于自动生成vue.js+webpack的项目模板，是为现代前端工作流提供了 batteries-included的构建设置。只需要几分钟的时间就可以运行起来并带有热重载，保存时 lint 校验，以及生产环境可用的构建版本。

在终端输入，全局安装vue-cli（注：必须以管理员身份打开）

npm install -g vue-cli

3、新建项目

在终端中输入以下命令

vue init webpack projectName

projectName换为你想要的名字，然后一直按确认或输入y按确认，等待项目初始化，如下图

4、运行项目

项目完成后，用vscode打开刚刚新建的项目，在终端中执行以下命令：

npm run dev

运行成功，如下：

按住ctrl，点击 上图地址，即可看到以下页面