前言: 环境配置是学习vue的前提,所以下面就以通俗易懂的方式去展现vue的环境配置。一,软件下载node.js环境 官网下载地址:https://nodejs.org/zh-cn/ Visual Studio Code 官网下载地址:https://code.visualstudio.com/二、搭建node.js环境ll以管理员身份打开cmd窗口 打开之后,查看node.js的版本和npm 的
在实际项目开发中,经常会碰到需要判断环境变量的情景。在  vue-cli  的环境下,已经默认配置了一个NODE_ENV的环境变量。当npm run dev 时,环境变量是development ;当 npm run build时,环境变量是production。用过vue-cli开发的通常对NODE_ENV都不陌生,比如我们配置ajax
找不到vue.cmd文件的解决办法:首先在系统变量中找到“path”,并添加“%NPM%”;然后通过“npm install”命令安装cnpm;最后执行命令“cnpm i @vue/cli -g”即可。推荐:《vue教程》vue安装之后找不到vue.cmd文件第一步:配置path(已配置的可跳过)1 ...
转载 2021-08-18 00:19:00
130阅读
2评论
# Yarn 安装配置 Python Vue 在前端开发中,使用 Yarn 作为包管理器是一种非常流行的选择。Yarn 可以帮助我们更高效地管理项目依赖,并提供了一些方便的功能,比如自动下载依赖、并行安装等。本文将介绍如何使用 Yarn 来安装和配置 PythonVue。 ## 安装 Yarn 首先,我们需要安装 Yarn。Yarn 可以通过 npm 来安装,确保你已经安装了 Node
原创 2024-07-13 05:38:39
74阅读
关于vue项目开发环境的跨域问题,网上搜索到的方案和解释竟然没有一个真正理解和解释清楚了的。本人做了各种测试全部整理清楚,觉得有必要和大家分享我得出的结论。方案一:axios的baseURL设置为全路径,无需使用proxy开发环境的时候,只用axios就可以解决跨域问题;不用在配置文件中配置 proxy之类的属性axios.default.baseURL= http://xxxx;#即可 //
转载 2024-04-30 12:41:37
46阅读
VUEvue配置Gzip压缩转载LuviaWu 发布于2019-07-17 09:28:57 阅读数 295 收藏vue cli 2.9.6安装compression-webpack-pluginnpm i...
转载 2020-01-06 16:43:00
458阅读
2评论
一、安装Vue Router安装命令:npm install vue-router安装后在根目录中的package.json中的dependencies会声明vue-router的依赖包二
原创 2023-05-06 14:41:41
347阅读
近期有新项目开发,使用vue-cli3.7 进行项目构建,形式上跟vue-cli2.x 区别还是蛮大的。最主要的就是生成的项目中,进行webpack配置的文件没有了。这是因为在这个版本的cli中,作者将绝大部分相同的webpack配置,已经封装到cli的安装包中。我们可以打开 node_modules/_@vue_cli-service@3.7.0@@vue/cli-service&nb
转载 2024-07-06 21:30:44
88阅读
环境变量 .env文件访问现在的前端项目都是用 Node 来作为辅助开发工具,而 process 是 Node.js 中的 一个全局变量,提供来有关当前 Node.js 进程的信息并对其进行控制。而 process 中的 env 则是返回包含用户环境的对象。 通俗点说,就是可以通过 process.env 拿到当前项目运行环境的信息。console.log("环境变量:",process.env)
转载 2024-06-10 10:23:31
81阅读
目录Vue项目环境搭建Vue项目创建重构项目依赖1.需要转移的文件2.重构依赖pycharm配置并启动vue项目vue项目目录结构分析vue组件(.vue文件)全局脚本文件main.js(项目入口)改写vue请求生命周期vue组件的生命周期钩子关于路由1.路由配置2.路由跳转3.路由传参Vue项目环境搭建""" node ~~ python:node是用c++编写用来运行js代码的 npm(cnp
转载 2024-05-18 07:46:46
106阅读
1.安装(用了阿里的镜像路径,所以使用cnpm)cnpm install axios --save2.建立src=》network=》request.jsimport axios from 'axios' export function request(config){ return new Promise((resolve,reject) => { //1.创建axios的实
转载 2023-07-02 22:39:16
314阅读
在本次使用nginx发布vue项目遇到 配置location 始终404 和 在项目子目录点击浏览器刷新出现404问题使用nginx发布vue项目,为了方便测试就下载了一个nginx 放置自己目录下nginx目录是这样的一、配置端口然后打开conf / nginx.conf 配置 server,首选监听808 设置服务名listen 808; server_name localho
转载 2024-06-19 20:40:24
205阅读
一.什么是路由:1.理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。2.前端路由:key是路径,value是组件。二.基本使用:1.安装vue-router,命令:npm i vue-router2.应用插件:Vue.use(VueRouter)3.编写router配置项:4.实现切换5.指定展示位置<router-vie
一、依赖安装首先考虑到一个vue项目需要用到的库有vue、element-ui、axios,先进行安装npm i vue element-plus axios安装完后会生成package-lock.json、package.json和node_modules,安装的版本如下: 然后要安装webpack及需要用到的loader -D为安装开发依赖,只用于开发环境,安装完后会被写入package.js
转载 2024-04-18 16:39:14
2093阅读
文章目录前言一、构建一个public.js文件二、使用步骤1.引入public.js2.在组件中使用方法三、常用的方法集合 前言在日常开发中,每次项目都无法避免一些常用而又简单的函数,如果每次项目都要重新写的话,一方面会浪费时间,另一方面经常修改可能会引起不必要bug。所以希望通过公共的方法来封装这些常用的函数,提高效率。提示:以下是本篇文章正文内容,下面案例可供参考一、构建一个public.j
转载 2023-11-11 15:59:40
37阅读
目录一、xe-Utils介绍二、xe-utils API介绍API全局参数基础函数常用函数日期函数高级函数浏览器函数三、如何全局使用xe-utils3.1 安装xe-utils3.1.1 ES6方式(推荐):3.1.2 CDN安装3.1.3 AMD安装3.2 全局配置3.3 全局参数配置(可省略)3.4 使用4、功能扩展(使用mixin)4.1 写功能js4.2 main.js中配置4.3 调用自
# 使用 Vue 3 和 TypeScript 配置 Python 服务 在现代 web 开发中,前端和后端的分离架构变得越来越流行。Vue 3 是一个流行的前端框架,TypeScript 是一种强类型的 JavaScript 超集,而 Python 则是一种广泛使用的后端编程语言。本文将探讨如何利用 Vue 3 和 TypeScript 创建一个前端应用,并使用 Python Flask 构建
原创 9月前
83阅读
//引入依赖模块 var path = require( 'path' ) var config = require( '../config' ) // 获取配置
转载 2024-07-23 08:43:09
121阅读
关于vue生产环境和线上环境的域名配置
原创 2019-04-01 15:07:13
3257阅读
2点赞
vue配置路由连接:https://router.vuejs.org/zh/installation.html 额外: 运行vue的两种方法: 一. 1.点击项目文件夹,右键,打开在文件资源管理器中显示 2.打开文件夹路径,输入cmd,运行,打开命令管理器 3.输入运行命令 4.运行成功 二. 1. ...
转载 2021-09-06 17:16:00
2402阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5