从零开始用vue+webpack+vuex实现一个发布查询信息类网站，（1）创建项目

重构了自己写的第一版的项目之后的总结

从零开始做一个vue项目。

第一步，环境搭建
1）node.js的安装
首先下载好node，https://nodejs.org/zh-cn/，
vue需要借助node的npm安装各种依赖
下载之后安装node.js，由于没有 看文档之类的遇到了俩坑，需要注意的
第一点：
我们要先配置npm的全局模块的存放路径以及cache的路径，例如我希望将以上两个文件夹放在NodeJS的主目录下，便在NodeJs下建立"node_global"及"node_cache"两个文件夹。如下图

启动cmd，或者git，启动cmd，输入
npm config set prefix “C:\Program Files\nodejs\node_global”
以及
npm config set cache “C:\Program Files\nodejs\node_cache”
其中C:\Program Files\nodejs 为你的安装路径 以下不再解释，
第二点
环境变量的配置，依次进入，我的电脑”右键“属性”-“高级系统设置”-“高级”-“环境变量，

【系统变量】下新建【NODE_PATH】，【node_global】目录下的node_modules’

【用户变量】下的【Path】中的【C:\User\xxx\AppData\Roaming\npm】修改为【node_global路径】

2）推荐下载git，安装就可以 了
https://git-scm.com/download/win
安装完了就可以开始做vue的各种安装了
3）淘宝镜像，脚手架cli，webpack（vue官方推荐打包工具）的安装
1）安装cnpm 来代替 npm 命令
npm install -g cnpm –registry=https://registry.npm.taobao.org
2）脚手架cli，webpack
首先 cnpm install vue
在git，或者cmd中vue —V 查看安装成功的vue版本，有空格，大写V！
安装webpack
cnpm install webpack -g
webpack —v 查看安装成功的版本
全局安装 vue-cli
安装脚手架
cnpm install --g vue-cli

第二步，创建项目
在需要创建项目的地方git bash here
vue init webpack my-project
my-project为项目名字
接下来的的配置默认按回车即可，不过我后三个选no
完成之后会出现一个my-projecr文件夹了，
第三部，运行项目（熟悉的hello world），手动滑稽
右击项目，git打开 然后 安装依赖
cnpm install
完成之后会在项目中出现
node_modules文件夹，以后有需要的话可以删除，用的时候cnpm install 就好了
然后 chpm run dev ，百分之百之后
I Your application is running here: http://localhost:8080
，访问8080端口就可以看到hello world了，