Vue搭建一个项目
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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/ 就大功告成了。
以上是关于Vue搭建一个项目的主要内容，如果未能解决你的问题，请参考以下文章
vue 快速入门 系列 —— 使用 vue-cli 3 搭建一个项目（上）