Vue安装教程

Vue.js 安装到配置

兼容性

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

由于当前所用的是Mac OS系统，所以就以这个系统为例：

(1)安装node.js

直接采用mac命令安装

brew install nodejs

(2)安装Vue

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

//最新稳定版
$ npm install vue

(3)安装webpack

sudo npm install webpack -g

(4)命令行工具 (CLI)

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

sudo npm install --global vue-cli

(5)创建项目

//创建一个基于webpack模板的新项目
vue init webpack-simple webProject1
/* 创建成功后会有项目信息和提示命令
? Project name project1
? Project description a vue.js project about sale
? Author lpy00511 <neauhades@126.com>
? Use sass? Yes

   vue-cli · Generated "webProject1".

   To get started:

     cd webProject1
     npm install
     npm run dev.

*/
//安装依赖
cd webProject1
npm install
// 运行
npm run dev

启动之后自动跳转到http://localhost:8080/

接下来就是找个合适的编辑器开始学习Vue.js了！！