欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
  • VueCli3构建TS项目的方法步骤

    VueCli3构建TS项目的方法步骤

    使用vue-cli3构建typescript项目 import 和 require require: 以同步的方式检索其他模块的导出 (开发) import: 动态地

    程序员文章站2022-07-22
    IT编程
  • Node、VueCli的安装及简单使用介绍

    Node、VueCli的安装及简单使用介绍

    1 NodeJs的安装注:本次安装以windows二进制文件64位的安装方式作为示例,版本12.12.0,系统window7有的nodejs版本不支持win7,在win7系统中执行npm -v时会有以下提示 This application is only supported on Windows ...

    程序员文章站2022-07-14
  • 阿里图标素材在vuecli中的使用(.svg方式)

    阿里图标素材在vuecli中的使用(.svg方式)

    1、在vuecli的src下创建icons文件夹,子目录svg,用于存放阿里的.svg图标文件package.json中安装: svg-sprite-loader 2.svg 目录主要用于存放 svg 文件,来看一下 index.js 的内容,功能就是把组件注册到全局,方便使用:在...

    程序员文章站2022-07-14
  • 二、vuecli创建项目时runTimeCompiler与runTimeOnly的区别,及一步步演变

    二、vuecli创建项目时runTimeCompiler与runTimeOnly的区别,及一步步演变

    1.先看两种模式创建出来min.js文件的区别2.怎么将runTimeCompiler一步步转成runTimeOnly# 普通写法// runTimeCompiler创建的版本import Vue from 'vue'import App from './App'Vue.config.product...

    程序员文章站2022-07-14
  • webpack+vuecli打包生成资源相对引用路径与背景图片的正确引用

    webpack+vuecli打包生成资源相对引用路径与背景图片的正确引用

    资源相对引用路径 问题描述 一般情况下,通过webpack+vuecli默认打包的css、js等资源,路径都是绝对的 但当部署到带有文件夹的项目中,这种绝对路径就会出现问题,因为把配置的static文件夹当成了根路径,那么要解决这种问题,就得引用相对路径。 解决办法 打开webpack.prod.c ...

    程序员文章站2022-07-10
    IT编程
  • vuecli中使用express和mockjs模拟数据

    vuecli中使用express和mockjs模拟数据

    首先npm安装express和mockjsnpm i expressnpm i mockjs http://mockjs.com/https://expressjs.com/en/5x/api.html之后在package.json内添加启动方式"scripts": { "api": "nod...

    程序员文章站2022-07-10
  • vue+vuecli+webpack中使用mockjs模拟后端数据

    vue+vuecli+webpack中使用mockjs模拟后端数据

    mockjs的简介:使用mockjs可以事先模拟数据,前提是和后端约定好了数据接口,怎样的数据。使用mock就可以生成你要的数据了,从而实现开发时前后端分离。其主要功能是:基于数据模板生成模拟数据。基于HTML模板生成模拟数据。拦截并模拟 ajax 请求。使用背景在我们的生产实际中,后端的接口往往是...

    程序员文章站2022-07-10
  • vue+vuecli+webpack中使用mockjs模拟后端数据的示例

    vue+vuecli+webpack中使用mockjs模拟后端数据的示例

    前言 使用mockjs可以事先模拟数据,前提是和后端约定好了数据接口,怎样的数据。使用mock就可以生成你要的数据了,从而实现开发时前后端分离。 其主要功能是:

    程序员文章站2022-07-06
    IT编程
  • VueCli4项目配置反向代理proxy的方法步骤

    vue cli4创建项目之后,没有配置vue.config.js,如果直接发起axios请求,可能会引起跨域问题.以豆瓣电影首页的最近热门 为例:axios({ method: "get", ur

    程序员文章站2022-07-06
  • 记一次用ts+vuecli4重构项目的实现

    记一次用ts+vuecli4重构项目的实现

    项目背景:一个以前的项目( 刚入职实习的时候写的,用的vuecli2 ),然后这次要添加修改东西,看着代码看的头大,冲动之下就重构了( 想打死自己,写的啥玩意 ),刚好用下最近刚学的typescrip

    程序员文章站2022-07-06
    IT编程
  • vue vuecli3.0 使用 scss-loader,设置全局scss变量

    vue vuecli3.0 使用 scss-loader,设置全局scss变量

    首先上代码,使用loaderOptionsconst outputDir = process.env.NODE_ENV == "development" ? "dist-test" : "dist";module.exports = { css: { loaderOptions: { sass: { prependData: `@import "@/scss/default.scss";` } } }, configureWebpack

    程序员文章站2022-07-05
    IT编程
  • vuecli4+Cesium开发环境配置

    版本:vuecli4.5.7、Cesium1.69vue.config.js配置:const CopyWebpackPlugin = require("copy-webpack-plugin");const webpack = require("webpack");module.exports = { configureWebpack: { plugins: [ //copy-webpack-plugin 6.x 的写法 // new Copy..

    程序员文章站2022-07-05
  • VueCLi3 配置less变量

    VueCLi3 配置less变量

    Step1. 文档介绍 1 // vue-cli css预处理文档: https://cli.vuejs.org/zh/guide/css.html#自动化导入 2 // less文档: https://www.w3cschool.cn/less/less_variables_overview.ht ...

    程序员文章站2022-07-04
    IT编程
  • 在vuecli中使用axios请求发送成功,获取不到返回值的问题

    首先我先描述一下我遇到的问题,以便读者对症下药:在vuecli中使用axios,请求成功,network也能看见返回的值,但是进入.then(res)中时,res时undefined,原代码如下:axios.post('http://localhost:12612/api/register', th...

    程序员文章站2022-07-02
  • vuecli使用axios

    1,安装axioscnpm install axios --save2,在需要的地方引入axiosimport axios from 'axios'3,调用接口测试axios.get('http://192.168.1.111:8001/api/auth/GetTimeSpan', { par...

    程序员文章站2022-07-02
  • vuecli中的技巧 组件的使用 创建组件 引入组件 注册组件 使用组件

    vuecli中的技巧 组件的使用 创建组件 引入组件 注册组件 使用组件组件的使用所有的组件都在components文件夹,根据需求可以在components中新建文件夹创建组件在comments上右键,新建文件,起名为组件名.vue引入组件在父组件中,引入想要使用的子组件。尽量将起的名字和组件名保...

    程序员文章站2022-07-02
  • 【项目实战经验】vuecli3,实现PC端分辨率适配

    vue cli3,根据屏幕大小适配样式 最近做了一个大屏,考虑到要在不同的显示器上,显示同一套代码,所以我就想到了,阿里的“lib-flexible”,干货非常多,千万不要错过细节哦,废话不说,直接干 1.安装需要响应的包npm i lib-flexible -S这个包会有改动的东西,先卖个关子,最后会详细说。 (2)安装第二个包npm i px2rem-loader -D2.安装好了之...

    程序员文章站2022-06-24
  • 好久木来了,一直忙于项目(加懒惰),今天讲讲vuecli3.0的使用

    vue更新换代很快,马上vue都要出3.0了,这是一个巨大的变革,不过今天讲的是vuecli3.0,里面使用的vue仍然是2的,所有可以放心大胆使用。 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,里面所有具体介绍都可以去官网查看到 "vuecli官网移步" 这里主要是讲一些我实 ...

    程序员文章站2022-06-23
  • Vue vuecli4.x使用声明式渲染、条件与循环、事件绑定、双向绑定基础用法

    声明式渲染 {{message}}export default { name: "App", data() { return { message: "Hello Vue!" }; }};条件与循环v-if

    程序员文章站2022-06-22
  • vuecli脚手架的安装与脚手架创建项目

    vuecli脚手架的安装与脚手架创建项目

    vuecli安装安装最新版本脚手架,进入终端输入命令:npm install -g @vue/cli由于vuecli3.0之后与2.0产生了较大的变化,如果想要使用2.0版本的模板的话,需要使用2.0版本的“vue init”,输入命令:npm install -g @vue/cli-init在终端...

    程序员文章站2022-06-15
    IT编程