vue初学——vscode新建vue工程

1、安装配置好好nodejs环境

2、安装vscode编辑器

3、新建工程文件夹XX，vscode打开刚刚新加的文件夹（后端工程已经新建在文件夹zj中，我这里直接打开这个文件夹——后面新建vue项目时跟后端工程会在同一级）

我打开是这个样子的

4、打开命令终端，输入命令cnpm install -g vue-cli（这里默认安装好了淘宝镜像，怎么安装淘宝镜像可自行百度），全局安装vue-cli

5、安装脚手架webpack，输入命令cnpm install -g webpack

5、创建项目system-ui，输入命令vue init webpack sytem-ui

稍等几分钟，项目就新建完毕

这里有教你如何启动你的工程，至此，我们在vscode中新建vue完成！

如果你后面不想在vscode中看到后端的东西，可以直接打开你新建的前端项目。