我知道SO 中的问题change-default-font-in-vuetify,但由于它是在vue-cli-3出来之前发布的,所以并没有解决我的问题,因此这里的想法不适用于那是,Vuetify的官方文档中关于如何更改主题和其他选项 的内容在使用vue-cli 3创建项目时没有任何有效步骤。
到目前为止,我的尝试是这样的:
-vue create fooproject(使用默认配置,但是即使我不使用默认配置,而是选择我想要的项目,并手动选择css-preprocessor作为手写笔,它也无法正常工作)
-vue添加vuetify-
创建一个插件目录:src / plugins,在其中存储vuetify.js-
在HelloWorld组件中添加v-btn只是为了知道字体是否有效
-然后我应该可以导入../手写笔/main.styl,我在其中:
@import '~vuetify/src/stylus/settings/_variables'
$body-font-family = 'Open Sans', sans-serif;
$heading-font-family = 'Montserrat', sans-serif;
@import '~vuetify/src/stylus/main'
Run Code Online (Sandbox Code Playgroud)
我什至尝试使用@import'〜vuetify / src / stylus / main',是否还必须添加其他手写笔加载程序依赖项或其他内容?因为这正是Vuetify网站上不推荐的内容。
错误日志:没有错误,我只是在材质按钮中继续使用Roboto字体
有什么意见吗?
其他尝试:我尝试遵循Jacob E. Dawson编写的步骤,但是可能缺少一些超级傻的东西。
目标:
传递要在构建时使用的参数,以便能够在我的 .env.production 文件中使用它(或者如果不可能的话,可以让我将其用作环境变量)。
.env.production 文件:
VUE_APP_CLIENT_ID=00-should-be-using-what-was-passed-by-command-00
Run Code Online (Sandbox Code Playgroud)
码头工人文件:
#Inside my docker file
RUN npm run build #I need to pass the argument here
Run Code Online (Sandbox Code Playgroud)
我的 package.json 脚本是:
"scripts": {
"serve": "vue-cli-service serve --mode development",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"test:unit": "vue-cli-service test:unit"
},
Run Code Online (Sandbox Code Playgroud)
为什么:
OBS:我确实使用 webpack,它已经由 vue-cli
配置我知道我可以配置不同的 .env 文件和模式,但我需要能够“注入”或在我的 .env.production 中有一个动态变量文件,因为有时我为不同的服务器构建生产。
我可以创建更多文件,这可以解决我的问题,但我想要更实用的东西。
上下文:
我正在使用 Docker 和 Auth0,我实际上使用了一个VUE_APP_CLIENT_IDenv 变量来定义它是否要为请求点击,我已经有两个不同的VUE_APP_CLIENT_ID定义(一个关于 .env.development 一个关于 .env.production)问题是我需要在两台不同的服务器中部署完全相同的服务器,每台服务器都针对生产中的不同 client_id。
工具:
Docker、docker-compose、Vue.js、vue-cli 3、npm
操作系统:
Ubuntu 16.04
正如问题中所提出的,我知道存在使用 npm run -s somescript 的可能性,但我想知道是否有办法在默认情况下使用它,有什么想法吗?
{
"description": "Some node demo server",
"main": "server.js",
"scripts": {
"start": "node server.js",
"somescript": "echo \"I want this script to run silently\""
},
"author": "SomeDude"
}
Run Code Online (Sandbox Code Playgroud)
编辑:
抱歉,我没有很好地说明我的需求,所以我只想:
> my-app@1.0.0 somescript /my-app ##I don't care if this appears or not
I want this script to run silently ## This would be echo's output, I want to see the echo output
Run Code Online (Sandbox Code Playgroud)
但不是:
> my-app@1.0.0 somescript /my-app ##I don't care if this appears or not
> …Run Code Online (Sandbox Code Playgroud) 在互联网上提供的官方Vuex文档和指南中,提到要访问商店状态或getter,您必须创建一个计算属性,该属性返回所需的数据(例如this。$ store.state.info ),也可以使用MapState帮助器。
我访问模板上的Vuex数据,直接在模板上引用它,如下所示:
<p> {{ $store.state.info }} </p>
Run Code Online (Sandbox Code Playgroud)
吸气剂也一样。它工作正常,但是我想知道我是否犯错了,因为我阅读的有关Vuex的所有文章都不喜欢这样。指南始终总是直接使用MapState或MapGetter创建计算属性。
您认为我的工作方式是否正确,还是错了,而我以后在项目中可能会遇到错误,这不是最佳实践,还是以我的方式使用Vuex很好?
假设我有一个名为 FirstPage 的组件,这是我的默认路由,现在 FirstPage 在 vuex 存储的操作的帮助下触发异步调用,每分钟向后端 Api 进行一次调用(在加载组件时触发)作为一个路由),现在假设我去一个关于一个关于组件的路由,FirstPage 还在调用吗?
编辑:
我还没有用它开发应用程序,所以我不能提供例子。
了解路由器在这些情况下的行为符合我的兴趣,因为每当我更改路由时,我都希望停止进行持续调用(因为它们不是必需的)。
原因是,根据这一点,我必须为我想到的项目切换工具。
事情是这样的,虽然现在的别名可以很好地满足我的需求,但我想知道如何为一个路径声明多个别名,那么,这样的事情会起作用吗?例:
export default new Router({
routes: [
{
path: '/',
name: 'home',
component: Home,
alias: ['/home', '/home2', '/homeN']
},
{
path: '/about',
name: 'about',
component: () => import('./views/About.vue')
}
]
})
Run Code Online (Sandbox Code Playgroud)
我的意思是,这是推荐的方法吗?在Vue路由器中是否有更好的做法?
我正在尝试使用以下命令从命令行获取变量:
sudo docker-compose -f docker-compose-fooname.yml run -e BLABLA=hello someservicename
Run Code Online (Sandbox Code Playgroud)
我的文件如下所示:
version: '3'
services:
someservicename:
environment:
- BLABLA
image: docker.websitename.com/image-name:latest
volumes:
- /var/www/image-name
command: ["npm", "run", BLABLA]
Run Code Online (Sandbox Code Playgroud)
所有这一切都是为了我可以运行由我在命令行中使用的 BLABLA 定义的脚本,我已经尝试使用官方文档。
尝试了几种选择,包括:
sudo COMPOSE_OPTIONS="-e BLABLA=hello" docker-compose -f docker-compose-fooname.yml run someservicename
Run Code Online (Sandbox Code Playgroud)
更新:我不得不提的是,事实上,我总是得到:
WARNING: The FAKE_SERVER_MODE variable is not set. Defaulting to a blank string.
Run Code Online (Sandbox Code Playgroud)
即使我只是运行以下命令(无论是删除,停止..):
sudo docker-compose -f docker-compose-fooname.yml stop someservicename
Run Code Online (Sandbox Code Playgroud)
郑重声明:我首先拉取映像,我从不构建它,但我的 CI/CD 工具会构建它(gitlab),这会影响它吗?
我正在使用 docker-compose 版本 1.18、docker 版本 18.06.1-ce、Ubuntu 16.04
我最近对使用spread运算符语法感兴趣,所以我尝试了一些例子,我有这个数组的例子:
var entities = [
{
"id": 1,
"age": 33,
"hobby": "games"
},
{
"id": 2,
"age": 28,
"hobby": "chess"
},
{
"id": 3,
"age": 21,
"hobby": "comics"
},
{
"age": 23,
"hobby": "games"
}
]
Run Code Online (Sandbox Code Playgroud)
然后,要在"一次"更新所有爱好,我会执行以下操作:
entities.forEach(function(entity, index) {
this[index] = {...entity, hobby: "Some String to update all hobbies"};
}, entities);
console.log(entities)
Run Code Online (Sandbox Code Playgroud)
哪个有效,但我想知道在使用扩展运算符时是否有更高效或更短的方法来实现它.有什么建议?
编辑:
forEach对我来说不是必需的,甚至不是这样做的,我很好奇是否可以使用扩展语法来更新嵌套值
$ 或 findElement 的 webdriverio 文档不是那么广泛,我习惯了其他 e2e 工具,因此很混乱,要找到一个具有这两个属性的元素,我想实现类似的效果:
const element = $('[title="HOW TO USE?", data-text="HOW TO USE?"]');
Run Code Online (Sandbox Code Playgroud)
这是正确的语法吗?
WEBDRIVERIO 版本:5.6.6
vue.js ×3
docker ×2
vue-cli-3 ×2
vue-router ×2
vuex ×2
docker-ce ×1
e2e-testing ×1
ecmascript-6 ×1
javascript ×1
node.js ×1
npm ×1
scripting ×1
ubuntu-16.04 ×1
vuejs2 ×1
vuetify.js ×1
webdriver-io ×1