VSCode搭建Vue项目

1、安装哈vscode和nodejs

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

npm install -g vue-cli

3、安装webpack，它是打包js的工具

npm install -g webpack

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

vue init webpack myvue

这里可能会遇到问题。会报connect ETIMEDOUT。这里参考这篇文章Vue安装时报错

但是我按这个没能解决问题，最后是命令加上--offline，表示离线初始化，才解决的。

5、接着运行项目，先cd到项目文件夹，cd myvue，然后输入以下指令

npm run dev

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