vue.js入门环境搭建

使用vue首先需要安装node。

一、开始安装全局的vue-cli脚手架（使用vue-cli是因为它可以帮助我们搭建好我们所要的模板，比较简单），在命令行输入：

cnpm install -g vue-cli

如果没有安装淘宝的npm镜像可在命令行输入：

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

进行安装，之后用到npm的地方就可以使用cnpm代替了

检查是否安装成功输入vue回车 有信息出来就成功了！

二、创建一个新的项目（vue_project）

vue init webpack vue_project

每个模块都是相互依赖的，所以需要下载依赖

cnpm install

，这时文件夹就多出了一个node_modules文件夹，此时的目录结构如下：



四、测试默认app.vue模块是否能够运行：

cnpm run dev

默认端口是;8080,在浏览器地址栏输入

http://localhost:8080

也可以打开