用vue.js初建一个项目（开发环境的搭建）

Vue.js 不支持 IE8 及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。

在用 Vue.js 构建大型应用时推荐使用 NPM 安装， NPM 能很好地和诸如Webpack或Browserify模块打包器配合使用。 Vue.js 也提供配套工具来开发单文件组件。

vue的安装依赖于node.js,要确保你的计算机上已安装过node.js。可进入cmd编辑器，输入命令 node -v进行查看。node尽量要用新一些的版本，否则后续安装会提示node版本过低。去node官网下个新版的node重新安装就可以。如已成功安装node会出现如下：

图片.png

• 搭建npm环境

1、安装node.js 和 npm
node安装
http://www.runoob.com/nodejs/nodejs-install-setup.html
新版的node集成了npm  ，测试是否安装可以输入下面指令
npm –v
注意：先决条件：Node.js（> = 4.x，6.x首选），npm版本3+

2、安装webpack
    $ npm install webpack -g

3、安装vue-cli
    使用vue-cli作为您的Vue应用程序和组件的零配置开发工具
    $ npm install -g vue-cli

建一个vue项目

这里我们使用vue官网的命令行工具。Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：

• 1. 全局安装 vue 如果遇到权限不够 前边加一个sudo 如图:
     npm install --global vue-cli

     
     
     

     图片.png

*2.创建一个基于webpack的新项目
vue init webpack my-project

图片.png

*3.查看项目路径
cd my-project

*4.安装依赖
npm install
npm run dev

项目就可以打开

图片.png