看这一篇就够了！vscode搭建vue-cli脚手架

Vue-cli搭建
一、环境准备
开发工具：
Vscode(教程 https://blog.csdn.net/qq_42367703/article/details/88074154)

下载node：
安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。(node的下载地址：http://nodejs.cn/download/)

下载好了node后，需要配置一些变量以及包(参考https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html)

二、安装vue-cli
1、创建项目文件夹
在任意地方新建文件夹，用vscode打开

2、安装vue，vue-cli，webpack
npm install -g vue-cli
npm install -g vue
npm install -g webpack

3、新建项目
终端输入：
vue init webpack firstVueDemo
（ps：这里我建立的项目名为 firstVueDemo）

然后一直按确认或输入y按确认，等待项目初始化，如下图:

4、运行
上图中两个黄颜色的命令执行即可：

点击访问http://localhost:8080

更多内容关注公众号:爱分享的驰哥,技术交流答疑qq群：776170109，网易云课堂教程：https://study.163.com/instructor/1422170028.htm