vue组件化挖矿之旅（一）：vue-cli 项目的安装

第一步：安装node.js
在node.js官网上下载并安装最新版本的node https://nodejs.org/en/ 傻瓜式安装方法，不再过多介绍
安装完成以后打开命令行(cmd)输入node -v 或者 npm -v 查看是否安装成功

第二步：安装vue-cli
打开cmd命令行或者在开始菜单所有程序找到node.js命令行 安装vue-cli
首先先安装淘宝镜像，这样项目安装的会快一些

npm install -g cnpm --registry=https://registry.npm.taobao.org

如果安装失败，可以使用 npm cache clean 清理缓存，然后再重新安装。
安装vue-cli
若未成功安装淘宝镜像可选择如下代码安装cli

npm install -g vue-cli

成功安装淘宝镜像可选择使用 cnpm 安装 vue-cli 和 webpack，webpack是打包工具，会自行安装使用

cnpm install -g vue-cli

第三步：生成项目
在这里先教大家一个小技巧，比如我想把项目放到E盘的莫个文件中，可以打开文件夹，在空白处按住shift+鼠标右键弹出，
点击在此处打开命令窗口，这样我们就可以直接进入项目文件夹了，不用cd cd cd 了，哈哈

vue init webpack demo01

其中demo01 是项目名称，即文件夹名称，一路 enter 走到底，安装完成之后你会看到在你文件下新建了一个demo01 文件夹

根据提示

cd demo01

cnpm install

cnpm run dev

当然也可以关闭此处的命令行，试试小技巧打开demo01 文件夹 shift + 右键 ，重新打开命令行 输入后两行代码 ，你的vue 之旅就开始了

若浏览器加载不出来，可能是端口号被占用了，在config>index.js文件中，改变端口号即可

第四步：打包上线

npm run build

在dish文件夹里面有css+js+html文件，这就是最终项目的需要上线的项目了

小编是前端小白，如有建议或者意见，请发送邮箱到 zhanglnb@seentao.com ，很高兴可以和大家讨论与进步