WebStorm创建VUE项目

今天是项目开始的第二天，主要任务是把前端的项目先搭建起来，比较琐碎的一些准备工作

首先下载nodejs，下载地址 http://nodejs.cn/download/，下载后一路下一步进行安装，安装完毕后使用win+R调出控制填，输入cmd，然后在弹出的窗体中输入node -v检测nodejs的安装是否成功，npm -v 检测npm的安装（安装node的过程中npm也安装好了）

我在电脑安装的cmder代替的cmd，UI更好看，功能更强大，喜欢的朋友可以自行百度下载

安装成功后，在安装的目录创建新的文件夹，方便后续将安装的程序指定到这里

继续在控制台输入命令 

安装npm的国内镜像，

npm install -g cnpm --registry=https://registry.npm.taobao.org ,以后的命令可以使用cnpm来替代npm，速度会好一些。

安装webpack

npm install webpack -g

安装vue脚手架

npm install vue-cli -g

一样的方式进行验证

完成后打开WebStorm进行项目搭建

 

之后基本就是一直下一步直到完成，项目完成后找到package.json,右键，选择Show npm Scripts

双击dev运行

 

 

至此，项目创建完成。最近是刚接触前端的工程化项目，不是很熟悉，如果有更好的创建项目的方案，希望各位一起讨论