0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

dotenv使うときに便利!VSCodeで全部大文字の定数名とかのメンドーなやつ解決する拡張機能

Posted at

これです

change-case - Visual Studio Marketplace

Qiitaで記事書いている人もいました

---以下、日記です…---

.envファイルを作って、キーを…

Twitter APIを久々に使おうと思った時

twitter - npm ここから

var Twitter = require('twitter');
 
var client = new Twitter({
  consumer_key: '',
  consumer_secret: '',
  access_token_key: '',
  access_token_secret: ''
});
 
var params = {screen_name: 'nodejs'};
client.get('statuses/user_timeline', params, function(error, tweets, response) {
  if (!error) {
    console.log(tweets);
  }
});

ここをコピーして、

.env ファイルを作って

Image from Gyazo

以下の部分をコピー

  consumer_key: '',
  consumer_secret: '',
  access_token_key: '',
  access_token_secret: ''

olt+Shift で矩形選択して前の方にtwitter_ってつけてみた

Image from Gyazo

後ろの方を選択して、=に変えてみまして

Image from Gyazo

ここから拡張機能使います!

上記の「change-case」拡張機能を入れてから、 cmd+Shift+pから、「Change Case upper」を選択

Image from Gyazo

完成!

Image from Gyazo

Twitterのデベロッパー管理画面からのコピーは、まぁがんばろう

ソースコード用に

1.以下の部分をコピー

Image from Gyazo

2.また矩形選択して、前の方に挿入

Image from Gyazo

3.(最後の行にカンマをつけて)「'',」部分を選択肢、コマンド+D

Image from Gyazo

4.process.env.を記入

Image from Gyazo

5.2〜4行目の行頭を矩形選択し、左キーを押して1〜3行の末にカンマを入れる

Image from Gyazo

6.コードへコピペ!!

Image from Gyazo

おつかれさまでした!

0
0
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?