idea从零搭建一个最简单的vue项目

一、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