起步 | vue项目搭建

一、搭建

安装vue-cli, 打开cmd命令窗口，输入
npm install -g vue-cli

vue-cli.png

验证是否安装成功，在命令行中输入vue，出来vue信息说明安装成功。

vue.png

安装完脚手架以后开始，开始创建一个新项目：vue init webpack 项目名

新建项目01.png

新建项目02.png

新建项目03.png

运行项目在目录下输入npm run dev，完成后在浏览器上输入localhost:8080就可以查看项目。

dev.png

效果

二、在IDEA中直接运行vue项目

https://www.cnblogs.com/phpdragon/p/7216994.html