首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
VUE项目国际化多语言编写规范
2024-08-29
vue国际化高逼格多语言
## 1.NPM 项目安装 ``` cnpm i vue-i18n ``` ## 2.使用方法 ``` /* 国际化使用规则 */ import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) <!-- 需要国际化的数据定义在此处 --> const messages = { en: { message: { hello: 'world hello' } }, zh: { message: { hello: '世界'
vue项目国际化实现 vue-i18n使用详细教程
1.安装vue-i18n: npm i vue-i18n -S 当然你也可以这样: <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/vue-i18n/dist/vue-i18n.js"></script> 2.项目配置vue-i18n: 在src目录下创建i18n文件夹,在i18n文件夹内添
iOS 项目国际化(多语言支持)
按下图步骤创建好后使用如下代码即可实现国际化:self.infoLB.text = NSLocalizedString("key", comment: "") 项目配置文件国际化,key对应着配置文件里面的key的name 项目内容国际化,key对应着你要国际化的文本信息 如果创建自定义的xxx.string,这调用的时候使用如下代码: infoLB.text = NSLocalizedString("key", tableName: "
VUE:项目的创建、编写、打包及规范检查
VUE:项目的创建.编写及打包 项目的创建 使用 vue-cli 创建模板项目(官方提供的脚手架工具) https://github.com/vuejs/vue-cli npm install -g vue-cli vue init webpack vue_demo cd vue_demo npm install npm run dev 访问:http://localhost:8080/ 第一个命令需要有npm.可以使用node -v查看是否已经安装,如没有可用下面的传送门 npm是什么及其安装
团队开发前端VUE项目代码规范
团队开发前端VUE项目代码规范 2018年09月22日 20:18:11 我的小英短 阅读数 1658 一.规范目的: 统一编码风格,命名规范,注释要求,在团队协作中输出可读性强,易维护,风格一致的代码 二.开发SRC目录: 1.Vuex目录 (状态树配置) 2.Router目录(路由配置) 3.Pages目录 (放置主路由组件 注意命名规范) 4.Common目录 (放置静态文件) 5.Config目录 (全局配置项,路由拦截,报错信息,等枚举信息) 6.Api目录 ( 相关全局请求调用配
vue-i18n vue-cli项目中实现国际化 多语言切换功能 一
vue-cli项目中引入vue-i18n 安装: npm install vue-i18n可参考vue-i18n官网文档 main.js中引入: import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) 配置语言包(main.js): const i18n = new VueI18n({ locale: 'zh-CN', // 语言标识, 通过切换locale的值来实现语言切换,this.$i18n.locale
基于Typescript的Vue项目配置国际化
基于Typescript的Vue项目配置国际化 简介 使用vue-i18n插件对基于Typescript的vue项目配置国际化,切换多种语言, 配合element-ui或者其他UI库 本文以配置中英文两种语言为例 安装 安装国际化插件vue-i18n npm i vue-i18n --save 添加locales文件 在根目录下(src/)下新建目录 i18n/ 在src/i18n/目录下新建en.json文件,对应英文 { "lang": { "login": &
jquery/vue/react前端多语言国际化翻译方案指南
❝ 本文章共3470字,预计阅读时间5-10分钟. ❞ 国际化-前言 每个开发者能希望编写的程序可以让全世界的用户使用,它要求从产品中抽离所有地域语言,国家/地区和文化相关的元素.换种说法,「应用程序」的功能和「代码设计」时考虑在不同地区运行的需要,其代码适应不同区域要求.开发这样的的过程,就称为国际化( internationalization),简称i18n. ❝ i18n(其来源是英文单词 internationalization的首末字符i和n,18为中间的字符数)是"国际化"
基于vue项目一键国际化通用方案: vue-i18n + i18n-vue-cli(命令行工具)
鉴于公司有做的国际化需求,对于公司的vue项目,觉得页面还是挺多的.刚开始觉得很简单,就是把vue文件中的中文,替换成变量,提取成一个文件就可以了,谁知道人肉的提取的部分确实太痛苦了,而且容易出错.最开始本想着网上会有现成的完整自动化的解决方案,结果发现没有.于是我只有根据自己的思路,设计了一个方案,造了一个自动化收集的轮子(i18n-vue-cli工具),如下: 后续考虑开源...... config 定制化配置 自带翻译工具 正在找工作中...
vue项目中如何使用多语言(vue-i18n)
因项目需要,需要使用多语言,特此记录使用方法. 第一步:安装vue-i18n npm install vue-i18n 第二步:在生成的i18n文件夹中的index.js里引入vue-i18n 第三步:依旧在i18n文件夹中的indx.js文件里实例化,并且设置默认语言 第四步:挂在到vue的实例中 在这里需要注意在挂载之前需要引入一下 第五步:准备一些多语言资源. 我的做法是在生成的i18n文件夹里新建一个lang文件夹专门来存放多语言json文件.如下图: 之后我们就可以方便的实时更改语言文
TypeScript编写Vue项目结构解析
使用TypeScript编写Vue项目也已经有了一段时间,笔者在刚刚使用TypeScript时候也是很茫然,不知道从何下手,感觉使用TypeScript写项目感觉很累赘并不像JavaScript那么灵活,因为TypeScript对于代码限制太多,在写代码的过程中时不时的就会抛出一个令你意想不到的错误,这一点笔者也是爬了不小的坑.可以使用了TypeScript一段时间之后,才知道TypeScript那是真的香(谁都逃不过的真香定理,O(∩_∩)O). 笔者在之前使用Vue的时候,曾经提到过如何在项
Vue项目中的文件/文件夹命名规范
Vue项目中的文件/文件夹命名规范 0.2262018.09.21 16:01:09字数 820阅读 6979 文件或文件夹的命名遵循以下原则: index.js 或者 index.vue,统一使用小写字母开头的(kebab-case)命名规范 属于组件或类的,统一使用大写字母开头的(PascalCase)命名规范 其他非组件或类的,统一使用小写字母开头的(kebab-case)命名规范 1. Why? 文件夹命名: camelCase VS kebab-case 展开node_modules中
vue项目和django项目交互补充,drf介绍,restful规范
目录 一.vue项目与django项目的交互 二.drf(Django-restframework) 1. drf主要知识点 2. drf框架安装 3. web接口(WEB API) 4. restful接口规范 三.django的CBV模型生命周期 一.vue项目与django项目的交互 vue中的发送ajax请求,其中的参数有: created() { this.$axios({ url: 'http://127.0.0.1:8000/test/', // 请求地址 method: 'pos
react-intl 实现 React 国际化多语言
效果预览 React Intl 国际化步骤 创建国际化资源文件 根据语言获取国际化资源 引入 react-intl 的 local data 创建 LocaleProvider 国际化上下文组件 创建 react-intl 国际化上下文组件 使用 react-intl's components & apis,进行国际化开发 1. 创建国际化资源文件 目前我们管理资源文件的方式是在 src/locales 文件夹下: . ├── en-US.js ├── en-US.messages.js ├──
转:从开源项目学习 C 语言基本的编码规则
从开源项目学习 C 语言基本的编码规则 每个项目都有自己的风格指南:一组有关怎样为那个项目编码约定.一些经理选择基本的编码规则,另一些经理则更偏好非常高级的规则,对许多项目而言则没有特定的编码规则,项目中的每个开发者使用他自己的风格. 所有代码都保持一致风格的大型库,更容易让人理解. 有许多资源是关于能让人采取的更好的编码规则的,我们可以通过以下方式学到好的编码规则: 阅读书或杂志 浏览网站 与同事交流 参加培训 另一个更有趣的方法是通过研究一个成熟的知名开源项目来得知其开发者是怎样编写代码的.
Java语言编码规范(Java Code Conventions)
Java语言编码规范(Java Code Conventions) 名称 Java语言编码规范(Java Code Conventions) 译者 晨光(Morning) 简介 本文档讲述了Java语言的编码规范,较之陈世忠先生<c++编码规范>的浩繁详尽,此文当属短小精悍了.而其中所列之各项条款,从编码风格,到注意事项,不单只Java,对于其他语言,也都很有借鉴意义.因为简短,所以易记,大家不妨将此作为handbook,常备案头,逐一对验. 声明 如需复制.传播,请附上本声明,谢谢.原文出处
华为C语言编程规范
DKBA华为技术有限公司内部技术规范DKBA 2826-2011.5C语言编程规范2011年5月9日发布 2011年5月9日实施华为技术有限公司Huawei Technologies Co., Ltd.版权所有 侵权必究All rights reserved密级:confidentiality levelDKBA 2826-2011.52011-06-02 华为机密,未经许可不得扩散 Huawei Confidential 第2页,共61页Page 2 , Total61修订声明Revision
.NET代码编写规范 整理
.NET代码编写规范 整理 .NET代码编写规范 - [ASP.NET] 2009-02-26 | Tag: 版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明 http://lenspe.blogbus.com/logs/35762383.html 下面是根据FxCop整理的.NET代码编写规范,仅供参考. 一. Design(设计) 1. Abstract types should not have constructors 抽象类不应该声明构造方法 2. A
MarkDown编写规范指南
Markdown 编写规范指南 简介: Markdown的目标是实现「易读易写」,成为一种适用于网络的「书写语言」. 一份使用Markdown格式撰写的文件可以直接以纯文本发布,它的最大灵感来源其实是纯文本电子邮件的格式. Markdown的语法由一些符号所组成,其作用一目了然. 比如:在文字两旁加上星号,看起来就像强调. Markdown兼容HTML语法并且会将<和&等符号进行自动转换,这项特性可以让我们很容易地用Markdown写HTML code. 目录 基础语法 标题 # 这是 &l
Vue 项目实战系列 (一)
最近一直在学习Vue,基本的文档看完后就需要进行具体的项目进行练手了,本系列文章主要是将我学习过程记录下来,和大家一起学习交流. 我在git上找到了一个淘票票的Vue项目,项目地址: https://github.com/canfoo/vue2.0-taopiaopiao,大家喜欢的话可以给作者点个fork. 看了下项目的代码,然后决定自己在山寨一下这个项目,从零开始自己搭建下. 第一步就是开始进行项目的初始化了,这里使用了Vue的脚手架,Vue-cli进行项目的基础代码结构搭建.由于使用了vu
如何在VUE项目中添加ESLint
如何在VUE项目中添加ESLint 1. 首先在项目的根目录下 新建 .eslintrc.js文件,其配置规则可以如下:(自己小整理了一份),所有的代码如下: // https://eslint.org/docs/user-guide/configuring module.exports = { //此项是用来告诉eslint找当前配置文件不能往父级查找 root: true, //此项是用来指定eslint解析器的,解析器必须符合规则,babel-eslint解析器是对babel解析器的包装使
热门专题
stopwatch使用手册
table的attribute是什么
android alertDialog 滚动
sql server显示存储过程的函数
30080端口号来访问ingress-nginx
C#读写,删除配置文件(Config.ini)
QString 初始化buf 有\0
excel 按照两列 分组统计
vue 动态key 计算属性
outlook2016必须处于联机或连接状态才能完成该操作
jsp动态包含和静态包含 用哪个
shfit跟空格冲突
beego.AppConfig 指定配置文件
sql2000打开1433端口
epoll抢占cpu
vue使用webstorm调试
ftp服务器图片预览
windows expand 解压缩
DeviceIoControl 传参和返回
access 增删改查