vue开发H5步骤详解(环境搭建+rem布局+域名配置+请求)

环境搭建

01. 安装Node.js  Node.js安装包及源码
    下载地址为:https://nodejs.org/en/download/、64 位安装包下载地址 : 
    https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi
02. 检测一下node版本,在cmd命令框框内输入命令  node --version 查看node是否安装成功
03. 查看npm版本 输入命令 npm -v、
    npm版本需要大于3.0、如果当前版本比较低可以升级它 cnpm install npm -g
    '提示' 在这里没有安装淘宝cnpm镜像的可以安装一下
    npm install -g cnpm --registry=https://registry.npm.taobao.org

    cnpm 和 npm有什么区别:因为npm安装插件是从国外服务器下载,受网络影响大,
    可能出现异常,如果npm的服务器在中国就好了,所以淘宝团队干了这事

    npm 可以安装node插件    cnpm使用的是淘宝网的镜像

04. 安装vue  cnpm install vue
05. Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页面应用
06 cnpm install --global vue-cli  // 安装vue-cli脚手架
            

项目创建

01. vue init webpack my-project    // 创建一个基于webpack的项目
02. // 这里需要进行一些配置,默认回车即可
03. cd my-project // 进入项目
04. cnpm install  // 安装相关项目依赖
05. cnpm run dev  // 运行项目  http://locahost:8080  打开项目
  • 13
    点赞
  • 117
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值