下载vscode编辑器

vscode安装地址:https://code.visualstudio.com/Download

安装nodejs

Node安装包:http://nodejs.cn/download/

安装好node配置环境变量cmd输入node -v测试

全局安装vue-cli,vue-cli可以帮助我们快速构建Vue项目。

npm install -g vue-cli

安装webpack,它是打包js的工具

npm install -g webpack

安装完成之后就可以开始创建vue项目,首先创建一个文件夹用来存放你的项目,
用vscode打开对应的文件夹,并在终端cd到对应的文件夹。比如我的文件夹就是myvue

vue init webpack myvue

进入新建的myvue

cd myvue

运行项目

npm run dev
成功之后,接着在浏览器里输入:http://localhost:8080,看到如下画面就是成功了。