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 编译打包你的项目

 

posted on 2018-01-04 23:05  yanggg  阅读(229)  评论(0编辑  收藏  举报

导航