Vue学习（一）

    随着项目要求的不同，越来越多的人利用框架来构建自己的项目，如果全部都是从零开始，由自己一步一步搭建，对于公司而言的时间成本太高，而对于个人来说，如果自己的代码风格奇葩，管理混乱的话，当时写的内容可能是你和上帝知道什么意思，然后过了一段时间之后，那就只有上帝知道是什么了。

    而Vue这款高应用的前端框架，有其自己的脚手架工具（Vue-cli）。利用脚手架，可以帮助我们快速的搭建一个项目的整体架构及文件管理目录。

    利用前端的nodejs中的“包管理工具（Node Packaged Module ）-- npm”来进行安装Vue的脚手架及依赖关系。

    Node的下载安装详见Node官网，对于国内的网友来说，推荐使用cnpm即淘宝镜像代替npm（cnpm安装

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

）

,安装完之后，就开始安装Vue-cli，

cnpm install -g vue-cli

因为已经安装了淘宝镜像（cnpm），下面所有用到npm的地方就可以用cnpm了。

安装完之后，运行vue命令检测一下。

已经提示你如何使用了。

cd sell

cnpm install 

cnpm run dev

本地浏览器打开 localhost:8080

如果8080端口被占用，可以在项目目录中的config/index.js中，dev:{port:8080}进行修改，之后再cnpm run dev

就会发现启动的端口号变为修改只有的了