Vue搭建一个项目

用Vue搭建一个项目

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

 

安装环境：

 

第一步：安装  node>js

在这个网站下载适合自己电脑的安装包。然后跟着安装步骤一步一步安装。http://www.cnblogs.com/zzuIvy/p/nodejs_1.html

然后安装好之后需要检查下。

 

检查是否安装在窗口搜索  cmd

 

然后输入  node -v  下面出来版本号的话，就说明安装成功了。

  

第二步：安装 淘宝镜像

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

02.   cnpm install cnpm -g

这时候已经安装好了。检查是否安装用  cnpm -v

下面出来

 

 

就说明已经安装好了。

第三步：安装 Vue

第一种：

01. 如果使用淘宝镜像安装就输入命令行    

 cnpm install -g vue-cli进行安装

02. 如果没有安装淘宝镜像依旧用

 npm install -g vue-cli安装

第二种：

        01.  cnpm install vue(安装Vue)

检查： vue -V  出来版本号就说明成功了

第四步： 安装Vue-cli

cnpm install --global vue-cli(安装Vue-cli)或者 npm install --global vue-cli

此时环境就搭建好了。

01.接下来我们需要指定一个目录存放我们的项目，可以选择任意路径，确定好路径后输入下面的命令

vue init webpack "项目名称" 

 

 

 

 

不清楚这些是什么，但是我都选择了YES 没有选择NO。不过都选择了Y。运行了好长的时间。可以适当的选择N。可以按着第二张图片选择Y或者N

然后就会出来上面图片的的这个三步，跟着这个步骤一步一步做。

 

因为运行的时间好长，我就中途关闭了。这时候看项目，会出来如下的

 

 

一步一步进行，进行不下去就解决报错。

我运行的时候，就是 npm（cnpm） 的版本过低。因为安装Vue需要npm的版本大于3.0.0，所以我们要升级一下。升级npm 版本：

cnpm install cnpm -g  或者  npm install npm -g

最后进行： npm run dev  出现  http://localhost:8080/  就大功告成了。