vite.config.ts配置 配置路径处理模块 安装ts的类型声明文件 yarn add @types/node -D 通过配置alias来定义路径的别名 resolve: { alias: { '@': path.resolve(__dirname, 'src'), '@coms': path.resolve(__dirname, 'src/components') } } 配置自动在浏览器打开 server: { open: true } 配置scss全局变量 安装依赖 npm inst

在开发中会遇到如下需求: JS 中使用 SCSS 变量.如在 scss 中定义了一个颜色,el-menu 组件使用该颜色作为背景色,此时需要获取 scss 变量,通过 background-color 属性将该变量值传递给 el-menu 组件(当然你也可以在 JS 中重新定义一个变量存储该颜色). SCSS 中使用 JS 变量.如动态换肤功能,用户选中某个颜色作为主题色,整个系统的主题色都切换为这个主题色.用户选择的这个颜色使用 JS 变量存储,SCSS 中需要使用该 JS 变量存储的颜色.类

1.检查本机vue版本 vue -V 2.升级vue3.0命令 npm install -g @vue/cli 3.创建完项目后,在项目根目录新增vue.config.js文件,插入代码(简洁) module.exports = { runtimeCompiler: true, //是否使用包含运行时编译器的 Vue 构建版本 publicPath: '', productionSourceMap: false, //不在production环境使用SourceMap devServer: {

我们知道,在Linux操作系统下,配置环境变量是使用如下命令: vim /etc/profile 在OSX下,我们用如下命令打开环境变量配置文件: open ~/.bash_profile 典型的环境变量配置如下: # java export JAVA_HOME = /home/myuser/jdk1..0_03 export PATH = $JAVA_HOME/bin:$PATH export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/t

需要安装一个插件:sass-resources-loader 1.执行安装命令: npm i sass-resources-loader --save-dev 2.修改vue-cli环境下build文件夹下utils.js,找到scss加载位置: return { css: generateLoaders(), postcss: generateLoaders(), less: generateLoaders('less'), sass: generateLoaders('sass', { in

一.env文件的认识: (1).env 文件主要的作用是存储环境变量,也就是会随着环境变化的东西,比如数据库的用户名.密码.缓存驱动.时区,还有静态文件的存储路径之类的.因为这些信息应该是和环境绑定的,不应该随代码的更新而变化,所以一般不会把 .env 文件放到版本控制中. (2)关于env文件的命名规范:必须以".env"文件名开头 .env 全局默认配置文件,不论什么环境都会加载合并 .env.development 开发环境下的配置文件 .env.production 生产环境下

总结3种方法: 1.修改/etc/profile    1.1 :首先在此文件中设置环境变量;    1.2:export  设置好的环境变量.  #view /etc/profile export PATH="变量路径" 2.修改.bashrc # vim /root/.bashrc export PATH="变量路径" 3.直接在shell下用export命令修改   #export PATH="$var_PATH"   #export 可查

1.vi /etc/profile 2.输入大写G,定位内容末尾. 3.在末尾输入 export JAVA_HOME=/home/order/soft/jdk PATH=$PATH:$HOME/.local/bin:$HOME/bin:$JAVA_HOME/bin export PATH 保存退出 4.source /etc/profile 5.输入java -version

之前在用vue-cli3框架的时候对于常用的less .sass 变量都是需要时就在单文件中引入文件,这样做比较麻烦.那么基于 vue-cli3 如何配置全局的less .sass 变量? <1>安装 npm i style-resources-loader vue-cli-plugin-style-resources-loader -D <2>vue.config.js配置 1.配置全局less变量 //第三方插件 pluginOptions: { "style-res

Mac--安装JDK 一.Java6安装 官方下载下载地址:http://www.oracle.com/technetwork/java/javasebusiness/downloads/java-archive-downloads-javase6-419409.html 苹果下载地址:https://support.apple.com/kb/DL1572?viewlocale=zh_CN&locale=en_US  (推荐) 其他下载地址:https://favoorr.github.io/2

使用create-react-app脚手架搭建初始化项目 > npm install -g create-react-app > npx create-react-app my-app create-react-app构建的项目默认使用css语法,但是隐藏的webpack配置中配置支持了css/sass/scss 要想使用less/scss及全局样式/变量首先需要执行npm run eject命令暴露webpack等配置文件等信息 该操作不可逆,会在项目根目录中生成config(配置文件)和s

目录 1,前言 2,.env文件的作用 3,配置.env文件 4,配置启动命令 5,获取.env中的全局变量 5,实际用处 1,前言 分享一下vue项目中利用.env文件存储全局环境变量,以及利于项目开发的vue启动以及打包命令. 2,.env文件的作用 在vue项目中,env是全局配置文件,可以存储不同环境下的变量.使用vue-cli搭建项目,默认会在根目录创建一个.env文件,如果需要更多类型的.env文件,需要自行创建. 其中: 1,.env 后缀的文件是全局默认配置文件,不论什么环境都会

mac OS系统跟linux系统一样也是将用户的全局环境变量保存在.bash_profile配置文件中,只是mac OS默认没有此文件. 1.创建.bash_profile文件 vi ~/.bash_profile 2.添加环境变量 #!/bin/bash LANG=zh_CN.UTF-8 export LANG 3.编译 source .bash_profile

vite 最近非常火,它是 vue 作者尤大神发布前端构建工具,底层基于 Rollup,无论是启动速度还是热加载速度都非常快.vite 随 vue3 正式版一起发布,刚开始的时候与 vue 绑定在一起,但之后的 v2 版本便比较独立,vite 不仅支持 vue,还支持 React.Preact.Vanilla 等前端库. 由于 vite 出现的时间不是很久,基于 vite 创建的项目没有 vue-cli 那么完整,如果要使用 vue 全家桶.ESLint 等,还需要开发人员手动添加和配置,步骤稍

在 <JS 模块化>系列开篇中,曾提到前端技术的发展不断融入很多后端思想,形成前端的"四个现代化":工程化.模块化.规范化.流程化.在该系列文章中已详细介绍了模块化的发展及四种模块化规范.本文简单聊聊规范化中的 git 规范. 1 规范化 在企业级开发中,"一千个读者有一千个哈姆雷特"是很常见的事,每个程序员对技术的理解.视角和掌握程度参差不齐,导致编写的代码五花八门.规范化包括很多,我在企业实践中重点关注两个方面:代码规范 和 git 提交规范. 代码

一.概述 在linux中,很多程序和脚本都通过环境变量来获取系统信息,存储临时数据,配置信息.环境变量是指用来存储有关shell会话和工作环境信息,允许你在内存中存储数据,以便程序或shell中运行的脚本能够轻松访问到它们.也是存储持久数据的一种简便方法.在bash shell中,环境变量分为:全局和局部二类环境变量. 1.1全局环境变量 全局环境变量对于shell会话和所有生成的子shell都是可见的.局部变量则只是创建它们的shell可见.在linux系统中有系统环境变量,它们基本都是使用全

0.目录 整体架构目录:ASP.NET Core分布式项目实战-目录 一.前言 在开发项目的过程中,我新创建了一个controller,发现vs会给我们直接在controller头添加前缀,比如[Route("api/[controller]")],即在访问接口的时候会变成http://localhost:8000/api/values,但是如果控制器有很多个,或者要进行版本迭代时,我们会发现痛苦的时刻降临了,要一个一个的修改. 如果在这个时候可以进行全局配置前缀那真是福利呀,修改一处

Vue 中如何定义全局的变量和常量 我想要定义一个变量, 在项目的任何地方都可以访问到, 不需要每一次使用的时候, 都引入. 尝试1:创建 global.js 并且在其中定义   let a = 10; 在入口文件中引入 global.js import './global.js' 在项目中使用: a // 报错 发现报错了, a 并没有定义. 为什么? 这个涉及到模块作用域:1 每一个 js 都相当于一个模块, 一个模块有自己的模块作用域.意思就是说: 其中的变量方法, 都只在这个模块上面生效

加载一个全局设置文件 在每个组件里加载一个设置文件,而无需每次都将其显式导入,是一个常见的需求.比如为所有组件全局使用 scss 变量.为了达成此目的: npm install sass-resources-loader --save-dev 然后增加下面的 webpack 规则: { loader: 'sass-resources-loader', options: { resources: path.resolve(__dirname, '../src/style/_variables.sc

最近vue 3.0 版本发布,让我认识到 typescript 将占有越来越重要的地位,所以我也开启了typescript学习之旅. 要想编写第一个 hello typescript 程序,当然要经过安装这个必要的过程,我们分为接下来几个步骤: 步骤一:全局安装 typescript npm install -g typescript 步骤二:全局安装 ts-node 安装它的原因是typescript自带的tsc命令并不能直接运行typescript代码.但值得注意的是 ts-node 并不等

1.nvm-windows下载 nvm下载链接点击最新版本nvm-setup.zip下载安装即可. 2.配置nvm环境变量(安装nvm会默认配置,可忽略) 环境变量打开方式:右键此电脑 > 属性 > 高级系统设置 > 环境变量 打开用户变量更改如下配置: 变量名:NVM_HOME(指向nvm安装目录),变量值:H:\software\nvm 变量名:NVM_SYMLINK(指向nodejs安装目录),变量值:H:\software\node_js 变量名PATH中添加%NVM_HOME%