您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. json-server代码示例源码

  2. vue项目中搭建json-server服务器,使用json-server服务示例 使用方式: 1. npm install 2. npm run dev 3. build目录下,node apiServer.js
  3. 所属分类:HTML5

    • 发布日期:2018-07-10
    • 文件大小:538624
    • 提供者:qq_25479327
  1. Antd+Vue最详细的搭建流程

  2. 一、搭建基础环境 1. 正常有两种使用vue的方式 (1)第一种直接在html中引入vue脚本使用(简单的代码书写,本人就不在展示了,有兴趣的看Vue直接引入js) (2)第二种使用webpack进行构建(可以书写复杂的代码,推荐) 2. 使用webpack构建环境准备 (1)本人环境 在这里插入图片描述 (2)按照下列顺序安装 node.js安装教程 npm使用介绍(安装后建议使用国内的淘宝镜像cnpm,当然cnpm有时安装会导致项目离奇的无法运行,现在推荐使用yarn进行一个安装,yar
  3. 所属分类:Javascript

    • 发布日期:2020-10-23
    • 文件大小:120832
    • 提供者:qq_34027761
  1. Vue使用NPM方式搭建项目

  2. 主要介绍了Vue项目搭建过程,使用NPM方式搭建的,本文分步骤给大家介绍的非常详细,具有一定的参考借鉴价值 ,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-17
    • 文件大小:41984
    • 提供者:weixin_38717579
  1. 基于vue-cli3+typescript的tsx开发模板搭建过程分享

  2. 项目创建 使用 vue-cli3+ 创建一个基于 ts 的模板: vue-tsx-support 上一步中已经创建完了基于 ts 的 vue 模板,但是开发方式还是如同之前的 template 一样,只是将 scr ipt 中的 js 部分改成了 ts 来书写。接下来就将 模板(template) 方式改成 tsx 的方式,这里需要借助一个库 — vue-tsx-support 首先安装 vue-tsx-support :  npm install vue-tsx-support --sav
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:116736
    • 提供者:weixin_38731075
  1. Vue使用NPM方式搭建项目

  2. 一、安装前说明 环境依赖: node.js ; vue官方脚手架 : vue-cli ; 包管理工具: npm 模块化打包工具: webpack 安装 node.js会默认安装npm,vue-cli依赖npm来安装 。 二、 安装 node.js 安装 node.js 可以直接从官网下载安装,基本是一直点下一步即可。 安装完成后查看 node 版本: node  -v 安装完成后查看 npm 版本: npm  -v 三、创建项目 选择 webpack作为打包工具,初始化项目,项目名是front
  3. 所属分类:其它

    • 发布日期:2020-12-03
    • 文件大小:191488
    • 提供者:weixin_38624183
  1. 详解如何在vue项目中使用layui框架及采坑

  2. 根据官网的文档,要在一个html文件下使用layui里面的组件库其实很简单,但是在vue项目中使用该ui库却存在着很多坑,下面我们就详细讲解一下如何在vue-cli搭建的项目下使用layui 1.第一个坑:vue项目中使用npm安装引入时报错(目前并没有找到引入的合适的方式,知道的可以留言探讨) 在官网中我们可以看到他提到支持npm安装,但是当我们安装成功后,在main.js中引入时却报并不能找到该模块的错。 所以,我们先下载文件包,然后在html文件中用link和scr ipt标签的方式引入
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:45056
    • 提供者:weixin_38546622
  1. 详解webpack与SPA实践之开发环境搭建

  2. 目前,公司前端项目开发技术栈基本改造为使用gulp进行自动化构建,webpack进行项目模块化依赖管理,Vue+ Vuex + Vue-Router作为项目组件化开发框架,为了更深入的理解、使用当前技术栈并与读者分享、交流,计划推出一系列相关学习与实践文章。本篇为开篇,主要讲述如何使用webpack搭建开发环境。 项目初始化 以你喜欢的任意方式,创建项目根目录,如: mkdir vue-hello 初始化包模块管理文件 进入项目根目录,初始化项目包模块管理文件package.json: n
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:177152
    • 提供者:weixin_38658564
  1. vue+axios+mock.js环境搭建的方法步骤

  2. 在前后端分离开发模式下,前端项目通常在项目构建初期需要使用假数据以及相应的http请求来进行辅助开发,例如在后端接口还没开发好下,我们可以模拟http请求以及数据来进行前端的axios封装,接口设计,对http状态码处理等。前端模拟数据的方法有许多种,假如你熟悉node.js以及express框架,你可以快速地构建一个后端服务器来进行辅助开发,我本人也比较喜欢这种方式,这种方法在我日后的文章将会有介绍。如果你不熟悉node也没关系,我将一步一步教你如何在前端vue项目中使用mock.js来构建一
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:62464
    • 提供者:weixin_38537684
  1. Vue 后台管理类项目兼容IE9+的方法示例

  2. 最近项目进入到了第三方集成的环节,集成第三方监控非要用IE,咋办?老板让我将后台管理系统的框架兼容下IE,一直都是在chrome下开发的,也不知道IE下是什么鬼。 目前后台管理系统前端搭建方式 目前系统是用vue-cli2.0生成的,UI框架使用的是iview,ajax请求使用的是axois,此外就没有什么特殊的npm包了。 需要解决的兼容问题 经过自己的一番测试,目前主要有以下的兼容问题: 在IE下由于没有promise,所以axios不能用了; 在涉及到flex、fixed、abso
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:80896
    • 提供者:weixin_38659955
  1. 使用D3.js+Vue实现一个简单的柱形图

  2. 最近想在Vue的项目里尝试使用d3.js,封装一些常用的图表。这里记录一下自己搭建项目的过程,以及实现一个简单的柱形图。不了解D3的请移步D3 Data-Driven Documents,它是基于数据驱动文档工作方式的一款Javascr ipt函数库,主要用于网页作图、生成互动图形,是最流行的可视化库之一。 说明 采用Vue-cli脚手架快速搭建项目 npm 安装 D3 实现一个简单的柱形图 项目搭建 使用vue-cli搭建单页应用: # 安装 vue-cli $ npm inst
  3. 所属分类:其它

    • 发布日期:2020-12-10
    • 文件大小:87040
    • 提供者:weixin_38653508
  1. vue-cli项目使用mock数据的方法(借助express)

  2. 前言 现如今前后端分离开发越来越普遍,前端人员写好页面后可以自己模拟一些数据进行代码测试,这样就不必等后端接口,提高了我们开发效率。今天就来分析下前端常用的mock数据的方式是如何实现的。 主体 项目是基于vue-cli的,首先必须搭建好vue项目环境。如果有同学不知道如何搭建vue项目,可以参考我的另外一篇文章。因为mock数据需要借助node.js中express框架,所以必须先在项目中安装npm install express --save。 搭建完基础后,我们在src文件下创建一个moc
  3. 所属分类:其它

    • 发布日期:2020-12-09
    • 文件大小:269312
    • 提供者:weixin_38713167
  1. vue项目中mock.js的使用及基本用法

  2. 官方网址:http://mockjs.com/ mockjs是用来模拟产生一些虚拟的数据,可以让前端在后端接口还没有开发出来时独立开发。我们可以使用真实的url,mockjs可以拦截ajax请求,返回设定好的数据。 使用方式 这里主要讨论在vue项目中,使用axios发送ajax请求,mock.js模拟数据的流程。 vue-cli搭建项目后,安装axios和mock.js npm install -S axios npm install -D mockjs 在项目中新建mock.js文件夹,
  3. 所属分类:其它

    • 发布日期:2020-12-09
    • 文件大小:183296
    • 提供者:weixin_38514732
  1. 在vue-cli中引入lodash.js并使用详解

  2. lodash 是一个一致性、模块化、高性能的 Javascr ipt 实用工具库。 在vue官方文档中使用了lodash中的debounce函数对操作频率做限制。其引入的方式是直接引入了js [removed][removed] 而现在我们使用vue-cli脚手架搭建的项目在这样使用,明显会很不合适。所以我们需要通过npm来安装 $ npm i --save lodash 然后在项目中通过require去引用 // Load the full build. var _
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:34816
    • 提供者:weixin_38661008
  1. 详解如何搭建mpvue框架搭配vant组件库的小程序项目

  2. 1. vant 介绍 ### 扫码体验 Vant – 轻量、可靠的移动端 Vue 小程序 组件库。由 有赞 公司开发与维护。提供了一系列美观、优质的移动端组件。vant 官网 2. 在普通小程序怎么使用 vant 组件 使用之前 使用 Vant Weapp 前,请确保你已经学习过微信官方的小程序简易教程 和自定义组件介绍 安装 方式一. 通过 npm 安装 (推荐) 小程序已经支持使用 npm 安装第三方包,详见npm 支持 # npm npm i vant-weapp -S --pro
  3. 所属分类:其它

    • 发布日期:2021-01-03
    • 文件大小:139264
    • 提供者:weixin_38704011
  1. vue-cli构建vue项目的步骤详解

  2. 构建一个 vue 项目最简单的方式就是使用脚手架工具 vue-cli 。前端的三大框架都有自己的脚手架工具,其作用就是用配置好的模板迅速搭建起一个项目工程来,省去自己配置 webpack 配置文件的基本内容,大大降低了初学者构建项目的难度。这节我们看看如何使用 vue-cli 构建 vue 项目以及对构建项目的具体分析。 一、环境搭建 node 和 npm 是必不可少的,这里不再介绍。 1、安装 vue-cli $ npm install -g vue-cli 检查是否安装成功: $ vue
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:222208
    • 提供者:weixin_38742291