Vue学习记录01-- 搭建开发环境

一、搭建开发环境

前后端分离:后端写接口,前端调用接口。

1、Vue引入

1)、下载vue官网提供的压缩包,通过< script>引入。
2)、直接通过< script>标签引入CDN地址。
(如果地址改变,可能会影响代码运行)
3)、通过NPM结合命令行工具(CLI),搭建脚手架引入。

2、开发环境搭建
1)、引入本地文件夹vue.js
引入开发版本
在这里插入图片描述
在这里插入图片描述
2)、Vue Dvetools
在浏览器中安装Vue Dvetools,

  • 1
    在这里插入图片描述
    ‘git’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。https://blog.csdn.net/exlsunshine/article/details/18939329
    在这里插入图片描述
  • 2
    List item
    在这里插入图片描述
  • 3
    在这里插入图片描述
    报错: ‘cnpm’ 不是内部或外部命令,也不是可运行的程序或批处理文件。
    解决:npm install -g cnpm --registry=https://registry.npm.taobao.org
    报错:
    在这里插入图片描述
    解决:https://blog.csdn.net/qq_35457469/article/details/102924524
    在这里插入图片描述
    好了:
    在这里插入图片描述
    在这里插入图片描述
    ……
    在这里插入图片描述

在这里插入图片描述在这里插入图片描述

  • 4
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    找到这个文件夹:
    在这里插入图片描述
    在这里插入图片描述
    ……
    对应代码中data的数据
    在这里插入图片描述

3、解决警告提醒
Vue.config.productionTip = false
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值