一、node.js安装
1、下载地址
2、下载完成后安装(直接按默认方式安装就行)
3、打开cmd 输入下面的命令查看是否成功安装
node -v
npm -v
二、搭建项目
1 、打开idea,新建项目
2、Create New Project > Static Web>填写project name和选择保存的工作空间>Finish
3、安装vue脚手架工具
- 先安装npm的淘宝镜像(下载速度比较快),打开idea的Terminal
输入以下命令
npm i -g cnpm --registry=https://registry.npm.taobao.org
- 等待下载完成以后,继续安装vue的脚手架工具,在Terminal内继续输入以下命令
npm i -g vue-cli
测试是否安装成功:
vue -V
- 脚手架安装完成后,初始化包结构,继续输入
vue init webpack demo
- demo为你前面新建的项目名。初始化会进行设置。可参考此处设置。
- 初始化完成后。依次在Terminal输入图片内的黄色文字
- 完成后,会提示在哪个端口可以访问,此处现在是8080
- 打开浏览器输入:localhost:8080,出现以下画面,简单的demo就搭建完成了 。
参考原文:https://www.jianshu.com/p/9c1d4f8ed068