vue-cli2脚手架搭建

vue脚手架搭建

准备工作

  1. 安装node.js,从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。安装完成之后,打开命令行工具(win+r,然后输入cmd),
    node -v //显示node版本
    npm -v //显示npm版本号
    node -v,npm -v
  2. nmp镜像
    Cmd命令行中输入
    npm config set registry https://registry.npm.taobao.org
    (
    1.临时使用
    npm --registry https://registry.npm.taobao.org install express
    2.持久使用
    npm config set registry https://registry.npm.taobao.org
    npm set registry https://registry.npmjs.org/
    配置后可通过下面方式来验证是否成功
    npm config get registry

    npm info express
    3.通过cnpm使用
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    配置后可通过下面方式来验证是否成功
    cnpm install express
    )
  3. 安装vue脚手架工具vue-cli
    npm install -g vue-cli
    vue --version //显示版本

开始工作()

  1. 到工作目录下
    切换目录
  2. 输入命令
    vue init webpack 项目名称
    例如:vue init webpack vuedemo
    这里写图片描述
  3. cd到我们的项目文件夹vuedemo中,运行命令npm install 安装包
    这里写图片描述
    4.(这一步看个人需求)
    安装 vue 路由模块vue-router和网络请求模块vue-resource或者
    npm install vue-router vue-resource --save

安装vuex
npm install vuex --save
5.运行
npm run dev
文件说明(盗图)
这里写图片描述

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值