小编F1k*_*s3r的帖子

仅使用 babel 构建 typescript vue 应用程序?

如何仅使用 babel 转译和构建我的 typescript vue 应用程序?我广泛使用了 vue-cli-service,但达到了我只需要最小设置的程度,不需要 webpack 或任何东西。

我的 .babelrc

{
    "presets": ["babel-preset-typescript-vue"],
    "plugins": ["@babel/plugin-transform-typescript"]
}
Run Code Online (Sandbox Code Playgroud)

我的 package.json 依赖项:

"devDependencies": {
    "@babel/cli": "^7.10.5",
    "@babel/plugin-transform-typescript": "^7.11.0",
    "@babel/preset-env": "^7.11.0",
    "babel-loader": "^8.1.0",
    "babel-preset-env": "^1.7.0",
    "babel-preset-typescript-vue": "^1.1.1",
    "typescript": "~3.9.3",
    "vue-template-compiler": "^2.6.11"
},
"dependencies": {
    "vue": "^2.6.12",
    "vue-class-component": "^7.2.3",
    "vue-property-decorator": "^8.4.2",
    "vuex": "^3.5.1"
}
Run Code Online (Sandbox Code Playgroud)

我的入口 main.ts 文件:

{
    "presets": ["babel-preset-typescript-vue"],
    "plugins": ["@babel/plugin-transform-typescript"]
}
Run Code Online (Sandbox Code Playgroud)

我的 App.vue

<script lang="ts">
    import {Component, Vue} from 'vue-property-decorator';

    @Component
    class App extends Vue {}

    export default App;
</script>
    
<template>
    <div …
Run Code Online (Sandbox Code Playgroud)

javascript typescript vue.js babeljs vue-component

7
推荐指数
1
解决办法
2200
查看次数

如何使用 prettier 忽略特定规则?

有没有办法不format write或者check用更漂亮的特定规则?

例如,我不在乎我的代码中是否有分号,我想检查除此之外的其他规则。

"prettier": {
  "useTabs": true,
  "tabWidth": 4,
}
Run Code Online (Sandbox Code Playgroud)

javascript prettier

6
推荐指数
1
解决办法
4175
查看次数

React 组件的状态使用 .unshift() 呈现奇怪,但使用 .push() 呈现正常

我有一个数组,我有 2 个组件(子组件和父组件)。我遍历父组件中的数组,渲染子组件,并为它们提供带有数组数据的道具。

子组件将它们的 props 转换为状态,然后增加和减少该状态。

父组件可以将新项目添加到数组中并重新渲染。但。如果我在数组前面 unshift() 新项目,我会将数组中的最后一个项目添加到屏幕而不是新项目到前面。

问题:为什么它用 .push() 渲染好而用 .unshift() 渲染不好。concat 和 [newItem, ...oldArray] 也一切正常,但是当我在数组前面添加项目时,同样的事情会很糟糕?还有如何正确地 .unshift() 新项目(评论、计数器、图像、帖子,例如任何东西)进入状态,以便它们首先呈现?

PS:我所做的任何事情(concat、slice、...array、unshift、react 的不变性助手)似乎都无法正常工作。Mobx 和 Redux 没有帮助。

PS:这也发生在秘银、炼狱和奥瑞莉亚。

import React from 'react'
import {render} from 'react-dom'
var Component = React.Component

var data = [0, 12, -10, 1, 0, 1]

class App extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            counter: data
        }
        this.addCounter = this.addCounter.bind(this)
    }
    addCounter(e){
        let newArr = [1, ...this.state.counter]
        this.setState({
            counter: newArr
        })
    }
    render() {
        if(this.state.counter){
            return …
Run Code Online (Sandbox Code Playgroud)

javascript arrays reactjs

4
推荐指数
1
解决办法
2321
查看次数

为什么截断的字符串Rust打印为一对空括号?

我有

use std::io;

fn main() {
    println!("CHAR COUNT");
    let mut guess = String::new();
    io::stdin().read_line(&mut guess).expect(
        "Failed to read line",
    );

    let string_length = guess.len() - 2;
    let correct_string_length = guess.truncate(string_length);

    println!("Your text: {}", guess);
    println!("Your texts wrong length is: {}", string_length);
    println!("Your texts correct length: {}", correct_string_length);
}
Run Code Online (Sandbox Code Playgroud)

最后一行给了我

error[E0277]: the trait bound `(): std::fmt::Display` is not satisfied
  --> src/main.rs:15:47
   |
15 |     println!("Your texts correct length: {}", correct_string_length);
   |                                               ^^^^^^^^^^^^^^^^^^^^^ `()` cannot be formatted with the default formatter; try …
Run Code Online (Sandbox Code Playgroud)

rust

1
推荐指数
2
解决办法
188
查看次数

如何告诉Cargo从"src"以外的目录运行文件?

我有一个前端项目,在src文件夹中有很多东西,我有机会在服务器端使用Rust.我的所有Rust服务器文件都在server文件夹中; 我怎么能告诉Cargo运行./server/app.rs

rust rust-cargo

0
推荐指数
1
解决办法
1246
查看次数