@MeowBook nks-frontend % nodenv
nodenv 1.4.0+3.631d0b6
Usage: nodenv <command> [<args>]
Some useful nodenv commands are:
commands List all available nodenv commands
local Set or show the local application-specific Node version
global Set or show the global Node version
shell Set or show the shell-specific Node version
install Install a Node version using node-build
uninstall Uninstall a specific Node version
rehash Rehash nodenv shims (run this after installing executables)
version Show the current Node version and its origin
versions List installed Node versions
which Display the full path to an executable
whence List all Node versions that contain the given executable
See `nodenv help <command>' for information on a specific command.
For full documentation, see: <https://github.com/nodenv/nodenv#readme>
nodenv versions で既にインストール済みのバージョンを確認。
@MeowBook nks-frontend % nodenv versions
system
* 15.14.0 (set by /Users/ｘｘｘ/Documents/ｘｘｘ-frontend/.node-version)
16.0.0
16.2.0
<template>
<div>
<v-container>
<p>{{ longText }}</p>
</v-container>
<Footer />
</div>
</template>
<script>
export default {
data() {
return {
longText:
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
}
},
}
</script>
<template>
<div>
<v-container>
<p>{{ longText | readMore(20, '...') }}</p> // フィルタを適用
</v-container>
<Footer />
</div>
</template>
<script>
export default {
filters: {
readMore: (text, length, suffix) => {
return text.substring(0, length) + suffix
},
}
data() {
return {
longText:
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
}
},
}
</script>
In JavaScript that is designed to be executed in the browser, it’s considered a best practice to avoid using methods on console. Such messages are considered to be for debugging purposes and therefore not suitable to ship to the client. In general, calls using console should be stripped before being pushed to production.
Next steps:
- Add Homebrew to your PATH in /Users/n.okawa/.zprofile:
echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/n.okawa/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"
- Run `brew help` to get started
- Further documentation:
https://docs.brew.sh
![[VSCode]Prettierの自動整形がうまくいかないんですけど！？ チートコード](https://nolyc.net/wp-content/uploads/2021/08/prettier.png)
![[node.js]バージョン切り替え方法](https://nolyc.net/wp-content/uploads/2021/07/Untitled_Artwork-2.png)
![[Nuxt.js]フィルターを作成する](https://nolyc.net/wp-content/uploads/2021/07/Untitled_Artwork.png)
![[Nuxt.js]AccuWeatherのAPIを使ってお天気アプリを制作](https://nolyc.net/wp-content/uploads/2021/07/スクリーンショット-2021-07-07-21.03.04.png)
![[Nuxt.js]componentsのButtonを使ってDeleteボタンDeleteBtnを実装](https://nolyc.net/wp-content/uploads/2021/06/スクリーンショット-2021-06-29-15.19.25.png)
![[Mac] Nuxt.jsによるVue.js開発環境 その①Node.jsをインストール（anyenv + nodenv）](https://nolyc.net/wp-content/uploads/2021/05/Untitled_Artwork.png)
![[VSCode] Live Serverを使ってHTMLコーディングを快適に！](https://nolyc.net/wp-content/uploads/2021/01/VSCode.png)
