创建简单的 Vue 项目

步骤如下:

  • 1.首先,node.jsgit默认已经安装。
  • 查看 node 是否安装成功,执行:
npm -v    //返回版本号,即为成功。

在这里插入图片描述

  • 那么,你便可以愉快的按照下面的步骤完成初步的 Vue 项目创建了。

安装 @vue/cli

  • 执行:
npm install --global @vue/cli  // 此为全局安装
======
tip:如果网速不理想可以试试使用淘宝镜像:
一、通过使用cnpm安装依赖。
1.执行安装cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.使用cnpm
cnpm install xxx(命令)
二、通过命令配置将依赖源改成淘宝。
1. 执行:
npm config set registry https://registry.npm.taobao.org
2.. 验证:
npm config get registry  //返回 https://registry.npm.taobao.org,即为镜像配置成功。
  • 创建简单的vue框架
vue create vue-    //vue create xxx(项目文件/name) ,如下图:

  • 打开项目,安装vuex、router
1.cd xxx/
2.vue add vuex
3.vue add router


  • 执行:
npm run dev    //运行项目
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值