vue2.0项目的构建
前段时间用vue做了个项目,好久也没写博客了,刚好也该记录下了
1.先了解下兼容性:
Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。
所以要兼容IE8的小伙伴就要考虑一下了
2.搭建
(1)安装node.js node官网 点击进入官网下载。安装后,打开命令行输入node -v 出现版本号号即说明安装成功
(2)安装依赖(NPM)
因为有万里长城的存在,npm速度差强人意。这个时候有两个解决办法
1.FQ:因为之前蓝灯封过一次,好多人竟不会翻了,之前也给同事装过几次,现在介绍下,其实在github里面我们可以直接搜索安装。mark的时候千万别忘记赞下哦!
2.淘宝镜像:假如被限制安装应用或者不想FQ的,可以使用淘宝镜像(cnpm),
命令行输入npm install -g cnpm --registry=http://registry.npm.taobao.org
每次需要安装东西的时候,把npm替换为cnpm即可
3.安装脚手架
npm install --global vue-cli 全局安装脚手架
vue init webpack my-project 创建新项目
这几行意思分别是:
项目名
项目描述
安装编译器
安装路由
代码检查
测试功能
(当然也可以不需要代码检查和测试,no即可)
4.项目建好后 cd 你的项目名 进入项目
npm install 安装依赖
npm run dev 运行你的项目
说明运行成功,在浏览器访问http://localhost:8080即可打开项目
npm run bulid 编译打包你的项目