使用vue-cli3搭建项目

1、安装node

进入node.js官网下载相应安装包：https://nodejs.org/en/

安装过程没有什么要注意的地方，直接安装到自己想安装到的目录里面就可以了

1）.安装完成以后，打开命令行，输入node -v 来判断是否安装成功

2）.在安装node的时候，npm包管理器会自动安装，我们在命令输出 npm -v 看看是否安装成功

2、安装vue-cli3

关于旧版本：Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x)，你需要先通过npm uninstall vue-cli -g或 yarn global remove vue-cli 卸载它

如果没有安装旧版本，可以直接使用下方指令安装新的包

npm install -g @vue/cli

3、vue-cli3搭建项目

使用vue init webpack myproject（vue init 模板类型 项目名称；模板类型有很多种使用vue list查看），项目根据自己项目更换

vue init webpack myproject

这时，项目自动安装完成，根据指令完成：

cd myproject
npm run dev

这时按照地址打开 http://localhost:8080
出现这个下面这个页面：

到此，整个vue项目搭建完成。

4、总结：

1、安装node，检查node是否安装成功：node -v
2、检查npm是否安装成功：npm -v
3、安装vue-cli3：npm install -g @vue/cli
4、搭建项目：vue init webpack myproject
5、找到项目位置：cd myproject
6、运行：npm run dev