Vue脚手架搭建
1.准备环境
- node.js
- npm
2.打开idea，新建项目Create New Project > Static Web > 填写project name 和选择保存的工作空间
3.安装vue脚手架工具
- 首先安装npm的淘宝镜像下载速度会比较快，打开idea的Terminal输入以下命令
npm i -g cnpm --registry=https://registry.npm.tao.org- 等待下载完成之后，继续安装vue的脚手架工具，在Terminal内继续输入以下命令
npm i -g vue-cli
#测试安装是否成功:
vue -V- 脚手架安装完成之后，初始化包结构，继续输入
vue init webpack demo- demo为你前面新建的项目名。初始化会进行设置，也可不追加demo
- 以下参考:
- 初始化完成后在Terminal中输入以下黄色命令。
- 完成后会提示在哪个端口可以访问，此处是8080端口。
- 打开浏览器输入localhost:8080出现以下画面至此简单的demo就搭建完成了。
