如何仅使用 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) 有没有办法不format write或者check用更漂亮的特定规则?
例如,我不在乎我的代码中是否有分号,我想检查除此之外的其他规则。
"prettier": {
"useTabs": true,
"tabWidth": 4,
}
Run Code Online (Sandbox Code Playgroud) 我有一个数组,我有 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) 我有
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) 我有一个前端项目,在src文件夹中有很多东西,我有机会在服务器端使用Rust.我的所有Rust服务器文件都在server文件夹中; 我怎么能告诉Cargo运行./server/app.rs?
javascript ×3
rust ×2
arrays ×1
babeljs ×1
prettier ×1
reactjs ×1
rust-cargo ×1
typescript ×1
vue.js ×1