Vue 之 开发环境的搭建

关于vue环境的搭建，这里强烈推荐官方命令行工具。这个命令行工具可快速下载一套基于vue.js开发的模板。里面不仅包含了最基础的vuejs的一个框架，而且还包含了vuejs打包的工具，以及测试的工具。所以非常的简单。

• 如何安装vue.js的命令行工具

NPM

npm是node的包管理工具。现在很多前端项目都会用到它，同时你是Windows系统的话，还需手动安装git，如果没有安装过node或者git的话可到官网下载，这里不多说。。。这里说一个技巧：npm这个工具有时候在国内网络环境下会很慢，我这里推荐使用淘宝的npm镜像（淘宝npm镜像）。

使用网站上提供的这个命令，将cnpm安装到系统里。

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

以后使用npm的地方就可以使用cnpm来进行一个替换。

接下来，全局安装vue-cli

cnpm install -g vue-cli

创建一个基于Webpack模板的新项目

vue init webpack my-project

接下来

cd my-project
找到文件目录

cnpm install

找到该目录

会发现里面多了一个node_modules目录，里面有很多小的文件目录，都不用去管他。

上一步骤完毕后，我们想跑一下项目怎么办？

npm run dev