建立一个Vue项目

Vue.js不支持IE8及其如下版本，由于Vue.js使用了IE8不能模拟的ECMAScript5特性。

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

 

vue的安装依赖于node.js，要确保你的计算机上已安装过node.js。能够进入cmd编辑器，输入node -v进行查看。node尽可能要用一些新的版本，不然后续安装会提示node版本太低。去node官网下个新版node从新安装就能够。如已安装

 

成功node会出现以下:

 

退出当前目录，进入nodejs

node安装成功后就能够开始vue的安装了。（使用淘宝镜像的cnpm来代替npm的安装会快不少。淘宝镜像推荐网址：https://npm.taobao.org/。）

 

若是使用淘宝经先锋安装就输入命令行 $ cnpm install -g vue-cli 进行安装，若是没有安装淘宝镜像依旧使用$ npm install -g vue-cli安装

注意：V大写

到此为止Vue已成功安装。

 

建立一个Vue项目

 

这里咱们使用vue的官方命令行工具——vue-cli。

//全局安装 vue-cli

$npm install --global vue-cli

//建立一个基于webpack模板的新项目

$vue init webpack my-project

$ cd my-project

$ npm install

$ npm run dev

就下来依次执行vue init webpack 输入本身项目的名称，而后进入你建的项目文件夹，此事已经初始化了一个vue项目，但如今项目还没法启动。须要安装相应的脚手架工具，因此继续执行命令行npm install,有淘宝镜像的使用cnpm install,安装成功后你会发现项目里多了个

 

文件夹。就是项目启动须要依赖的资源。而后执行最后一句命令（npm run dev），启动一个端口为8080的服务，项目就能够打开。

 

vue项目建立完毕后，具体的代码写在src文件夹中就能够啦！