Visual Studio Code / VSCode Part5

1 名前：デフォルトの名無しさん mailto:sage [2018/11/08(木) 12:59:24.97 ID:73zDssgb.net] MS発のエディタVSCodeのスレ 公式 https://code.visualstudio.com/ https://github.com/Microsoft/vscode/ 開発状況 https://github.com/Microsoft/vscode/wiki/Iteration-Plans 更新内容(日本語訳) https://vscode-doc-jp.github.io/updates/ 前スレ Visual Studio Code / VSCode Part4 https://mevius.5ch.net/test/read.cgi/tech/1529679715/ 384 名前：デフォルトの名無しさん mailto:sage [2019/01/05(土) 19:51:08.24 ID:0VejwZUb.net] やはりIDEのガジェット感がないとやる気でねえなあ https://i.imgur.com/dyXSFol.png https://i.imgur.com/gmkQKIv.jpg https://i.imgur.com/7q5Pf3T.png https://i.imgur.com/Nt1Hosc.jpg https://i.imgur.com/vfkgv7L.png 385 名前：デフォルトの名無しさん mailto:sage [2019/01/05(土) 21:17:50.77 ID:4oGXGaXj.net] かっこいい画面だなー 386 名前：デフォルトの名無しさん mailto:sage [2019/01/06(日) 02:25:51.48 ID:Jhmlv5zp.net] だせえ 387 名前：デフォルトの名無しさん mailto:sage [2019/01/06(日) 07:01:52.64 ID:ptAUfu2f.net] かっこいい画面だぜぇ 388 名前：デフォルトの名無しさん mailto:sage [2019/01/06(日) 08:33:14.60 ID:+exXDqcM.net] シンプルというよりなんか味気ない https://i.imgur.com/x4kjn87.png 389 名前：デフォルトの名無しさん mailto:sage [2019/01/06(日) 08:54:14.14 ID:GQx3m9rS.net] >>374 カラフルなアイコンテーマ入れたら？ 390 名前：デフォルトの名無しさん mailto:sage [2019/01/06(日) 09:00:42.01 ID:agRRWcc6.net] 俺はStudio Iconsっていうアイコンテーマ入れてたな。 391 名前：デフォルトの名無しさん mailto:sage [2019/01/06(日) 13:24:06.86 ID:mghQxkOO.net] >>367 コマンドラインで済ませられる方が良いだろ エディタとデバッガ以外にGUIはいらない 392 名前：デフォルトの名無しさん [2019/01/06(日) 14:17:51.90 ID:Nbjh8hL4.net] 下手したらデバッガもコマンドラインで良いからね。 gdbとか。 もうエディタもvimでいいや。 393 名前：デフォルトの名無しさん mailto:sage [2019/01/06(日) 16:53:52.55 ID:9xWiitqD.net] 基地外だな 394 名前：デフォルトの名無しさん mailto:sage [2019/01/06(日) 20:10:44.72 ID:mghQxkOO.net] >>378 さすがにデバッグは視覚情報によるアドバンテージに勝てない デバッグ情報は自動でこれでもかと言うほど大量に出してくれた方がいい 395 名前：デフォルトの名無しさん mailto:sage [2019/01/06(日) 21:07:58.51 ID:r6TnJvb+.net] > デバッグ情報は自動でこれでもかと言うほど大量に出してくれた方がいい 簡単に絞り込む方法があればねｗ 396 名前：デフォルトの名無しさん mailto:sage [2019/01/06(日) 21:54:27.40 ID:mghQxkOO.net] >>381 人間の目で絞り込めばいい 397 名前：デフォルトの名無しさん [2019/01/07(月) 01:12:46.36 ID:aW5a0RDY.net] ちなみに具体的には何のデバッガを引き合いにしてお話してるの？ 逆に「視覚的に情報量の足りない」デバッガって見たこと無いので、情報量の多いデバッガってのが気になります。 よろしくお願いします。 398 名前：デフォルトの名無しさん mailto:sage [2019/01/07(月) 12:05:59.04 ID:lmbNEshB.net] >>374-376 ファイルアイコンのテーマかい？ 漏れは、vscode-icons を入れている。 他にも、VSCode Great Icons と言うのもある 399 名前：デフォルトの名無しさん mailto:sage [2019/01/07(月) 12:23:42.97 ID:hsoUdh4l.net] vimのデバッガの連携はよく分からん 結局環境を構築できずに終わった emacsは組み込みであるけどいちいちコマンドを入力させられるのと別の画面に移動するのでダメ それ以前に前回の状態を記憶させるようにするにはどうすればいいのか分からなくて諦めた 400 名前：デフォルトの名無しさん mailto:sage [2019/01/07(月) 20:25:53.56 ID:EA0Zw1nG.net] 最強の拡張機能を教えてくれ！ 401 名前：デフォルトの名無しさん mailto:sage [2019/01/08(火) 19:06:52.56 ID:j6G9Y33K.net] <p と書いて(pは適当です) > を書いたときに自動で</p>が挿入されて <p></p> ってなるんですけどこれがウザいんで消したいんですが設定のAuto Closing Tagsのチェックを外すと拡張機能のAuto Close Tagで設定したSublime Text3Modeも使えなくなります これを両立する方法ってありませんか？ Sublime Text3Modeは </ を書くと</p>を挿入してくれる機能です。 402 名前：デフォルトの名無しさん mailto:sage [2019/01/08(火) 19:24:52.57 ID:Yky0aOAs.net] ドラッグした選択範囲内だけで文字の置換をやりたいのですが、どのようにすればできますか？ 403 名前：デフォルトの名無しさん mailto:sage [2019/01/08(火) 20:11:53.50 ID:GDcFdE3z.net] 検索・置換窓のAaの隣の隣の隣くらいのとこを押す 404 名前：デフォルトの名無しさん [2019/01/08(火) 20:12:26.97 ID:NdlN1uQF.net] >>387 わかる。これクソうざいよね。 どこで挟むのか理解してないなら勝手に余計なの入れるなよって思う。 405 名前：デフォルトの名無しさん mailto:sage [2019/01/08(火) 20:41:59.68 ID:Yky0aOAs.net] >>389 ｻﾝｸｽ肉 406 名前：デフォルトの名無しさん [2019/01/09(水) 23:45:06.03 ID:bwVZ//b5.net] TypeScriptファイルを保存する度に自動コンパイルする事は出来るの？ 現状では毎回手作業でコンパイルしているのだが。 407 名前：デフォルトの名無しさん mailto:sage [2019/01/09(水) 23:56:00.45 ID:itr6kaNp.net] tsconfig.jsonがあれば、ターミナル＞ビルドタスクの実行に、ビルドとウォッチがあるはず 408 名前：デフォルトの名無しさん mailto:sage [2019/01/10(木) 00:47:35.12 ID:IwgsIaGh.net] 神アプデ来ました？ 409 名前：デフォルトの名無しさん mailto:sage [2019/01/10(木) 01:38:50.69 ID:nY+d2jVY.net] >>392 https://code.visualstudio.com/docs/languages/typescript#_step-2-run-the-typescript-build 困ったらとりあえず公式を読むと良いぞ もしwebpackとかparcelとかの別のビルドツールを使ってるとしたらそれはまた調べる必要があるけど 410 名前：デフォルトの名無しさん [2019/01/10(木) 08:39:23.18 ID:utLDTdsm.net] >>393>>395 情報ありがとうございます。 教えて頂いた公式サイトを見て Run Build Task (Ctrl+Shift+B) でビルド出来るようになりました。 でも、ファイルを上書き保存したタイミングで自動実行する事は出来ませんかね？ 411 名前：デフォルトの名無しさん mailto:sage [2019/01/10(木) 09:44:40.29 ID:gy/E4Ykn.net] それするのがウォッチね 412 名前：デフォルトの名無しさん [2019/01/10(木) 11:01:58.66 ID:utLDTdsm.net] "); //]]>--> 413 名前：7" rel="noopener noreferrer" target="_blank" class="reply_link">>>397 も少し詳しい教えて下さい [] [ここ壊れてます] 414 名前：デフォルトの名無しさん mailto:sage [2019/01/10(木) 12:06:17.31 ID:xkVu8mwa.net] javaでandroid（cordovaプラグイン）の開発をしているのですが、 ターミナルでビルドエラーのメッセージが文字化けしています。 🔶の中にはてなマークが入るタイプの文字化けで、ネットの記事を読んで 設定に "java.jdt.ls.vmargs": "-noverify -Xmx1G -XX:+UseG1GC -XX:+UseStringDeduplication -Dfile.encoding=UTF-8" を追加したのですが直りませんでした。どなたか解決策を知っていますか 415 名前：デフォルトの名無しさん mailto:sage [2019/01/10(木) 14:03:11.67 ID:nY+d2jVY.net] >>396 If you selected tsc: watch, the TypeScript compiler watches for changes to your TypeScript files and runs the transpiler on each change. って所までちゃんと読んで欲しかった 416 名前：デフォルトの名無しさん [2019/01/10(木) 14:45:15.95 ID:utLDTdsm.net] >>400 tsc: watch で上手く行きました。ありがとうございます。 ちなみに、VSCode起動した時点でwatchを自動で有効化 する事は出来ますか？ 417 名前：デフォルトの名無しさん mailto:sage [2019/01/10(木) 15:02:42.20 ID:gy/E4Ykn.net] TypeScript Auto Compilerって拡張あったぞ 418 名前：デフォルトの名無しさん [2019/01/10(木) 15:18:41.84 ID:utLDTdsm.net] >>402 ありがとうございます。 上手く行きました。 次はSCSSをCSSに自動変換したいのですが、TypeScriptでやったみたいに 簡単に出来ますか？ それとも、拡張機能いれたりjsonファイルで設定したり、いろいろややこしいですか？ それにしてもVSCodeって何でこんなに面倒なのですかね。 419 名前：デフォルトの名無しさん mailto:sage [2019/01/10(木) 15:49:15.92 ID:gy/E4Ykn.net] これのどこが面倒なんだよ。普通はもっと面倒なwebpackとかでやってるわ 420 名前：デフォルトの名無しさん mailto:sage [2019/01/10(木) 16:34:39.67 ID:jhx89QXs.net] 普通は、npm, yarn, bower とか、 webpack, gulp, Koala など、もっと面倒 拡張機能のLive Sass Compiler を入れると、 同じ作者のLive Server も、依存関係で自動的に入る 421 名前：デフォルトの名無しさん mailto:sage [2019/01/10(木) 16:45:09.86 ID:uCNa6RT4.net] むしろ簡単にできるやつに乗り換えたいので教えてほしい 422 名前：デフォルトの名無しさん mailto:sage [2019/01/10(木) 16:49:07.95 ID:jhx89QXs.net] >>399 sjis のファイルを使っているのかも？ ファイルの言語の自動判別をやめて、UTF-8 固定にする HTML に、UTF-8 を追加する 端末を、PowerShell にする 423 名前：デフォルトの名無しさん mailto:sage [2019/01/10(木) 17:27:27.62 ID:CDe4R9UE.net] >>403 きみプログラマ向いてないから転職した方が良いよ 424 名前：デフォルトの名無しさん mailto:sage [2019/01/10(木) 17:32:10.07 ID:42FK8vKv.net] >>403 お前のクソみたいな質問に取り合う方が面倒くせえよクソが 425 名前：デフォルトの名無しさん [2019/01/10(木) 17:35:38.25 ID:xkVu8mwa.net] >>407 コーディングしているファイルはUTF8です。 "files.autoGuessEncoding": falseにしてみましたが変わりません。 HTMLは使っていません。 vscodeで実行するターミナルはPowerShellが自動で選択されます。 書き忘れていましたが、windows10です。職場のmacだと、文字化けしないのですが 426 名前：407 mailto:sage [2019/01/10(木) 18:28:19.08 ID:jhx89QXs.net] Java がUTF-8 で、Windows と入出力の際に、sjis にしないといけないのかな？ それとも、UTF-8 かな？ java コマンドに、文字コードを指定するオプションはないの？ それか設定ファイルか環境変数に、文字コードを指定するとか 漏れは、Windows 10で、Ruby だけど、 一々、rubyコマンドに、文字コードを指定するのは面倒なので、 ユーザー環境変数RUBYOPT に、--encoding=UTF-8 を追加している ◇の中に、?マークが入るタイプの文字化けは、確か、HTML じゃないの？ Android の設定ファイルは、XML とかだろ。 それらのファイルを、UTF-8 にすれば？ 427 名前：デフォルトの名無しさん mailto:sage [2019/01/10(木) 18:37:31.92 ID:OIf4jwLj.net] >>410 職場でMacなんだったらWSL使えば？ bashなら文字化けしないでしょ 428 名前：デフォルトの名無しさん mailto: [] [ここ壊れてます] 429 名前：sage mailto:2019/01/11(金) 02:31:58.77 ID:31o47uP7.net [ >>410 Windows 10のコントロールパネルの地域の設定で 「ワールドワイド言語サポートでUnicode UTF-8を使用」 にチェックを入れたら、幸せになれるかもしれないし、 Windowsを窓から放り投げたほうが幸せになれるかもしれない。 ] [ここ壊れてます] 430 名前：デフォルトの名無しさん mailto:sage [2019/01/11(金) 02:46:20.05 ID:Bl9UJJsH.net] >>410,413 それやるとデフォルトロケールがsjis前提のアプリが文字化けする。 javaからの入力が化けるならライブラリとかツール側のロケールの指定が腐ってるだけだろうから 端末のページコード変えればいけると思う。 431 名前：デフォルトの名無しさん mailto:sage [2019/01/11(金) 11:48:44.96 ID:c9plSaZI.net] javascriptで開発してるけどコマンドラインの作業は全部git bash上だな。 どうせgitも使うでしょ。 432 名前：デフォルトの名無しさん mailto:sage [2019/01/11(金) 11:53:15.20 ID:zmfRA+PW.net] >>403 俺もそう思う visual studioを使うといいよ 433 名前：407 mailto:sage [2019/01/11(金) 12:11:44.61 ID:qaT7orPq.net] やっぱり、HTML をsjis で保存したら、 HTML内に、<meta charset="UTF-8"> があっても、 VSCode でUTF-8 で開いても、 ブラウザーで見ても、 ◇ 内に、? が並ぶ それと、UTF-8にも、BOM 有り・無しの2種類あるので、注意すべき！ 漏れは、すべてのファイルを、BOM無しUTF-8 で統一しているので、 Windows では、sjisと区別がつかなくなるので、検索できなくなるので、 WSL, Ubuntu を入れて、Linux 側から、grep してる 外人がsjisとか、BOMの存在を知らないから、 BOM有りUTF-8にすると、バグるから使えない 皆が、Windows以外を使う理由が、UTF-8 だから！ Windowsだけは、sjisだから、Web では使えない Windowsは、閉じた環境のローカルPC の時代なんだよ。 Web・インターネットの時代では、sjisは使えない 434 名前：デフォルトの名無しさん mailto:sage [2019/01/11(金) 12:22:03.32 ID:Az9EkhNc.net] 巣に帰れ気持ち悪い 435 名前：デフォルトの名無しさん mailto:sage [2019/01/11(金) 12:25:33.96 ID:rhpyI87g.net] で、だからどうした？としか返しようがないな 436 名前：デフォルトの名無しさん mailto:sage [2019/01/11(金) 12:40:20.87 ID:EiRSHtPi.net] charsetの指定と実際の文字コードが異なってたら文字化けするって、そりゃそうでしょうね 437 名前：デフォルトの名無しさん mailto:sage [2019/01/11(金) 12:48:34.91 ID:kAPgENpY.net] 2008年頃からタイムリープしてきたのかな？ 438 名前：デフォルトの名無しさん mailto:sage [2019/01/11(金) 14:13:29.19 ID:8z4TZLaF.net] >>417 HTMLにこのファイルはUTF-8です（<meta charset="UTF-8"> ）と 書いたものをSJISで保存すると化けるのは当たり前 お前の問題 439 名前：デフォルトの名無しさん mailto:sage [2019/01/11(金) 14:14:03.21 ID:JZvy/i8Q.net] >> 415 vscodeのターミナルでやってる？ 440 名前：デフォルトの名無しさん mailto:sage [2019/01/11(金) 15:09:41.73 ID:5/s3S6yT.net] >>405 403じゃないけど Live ServerもLive Sass Compilerを使ってみた。 LiveServerはPHPを表示できない。表示するブラウザ拡張機能があるらしいが、 それを入れてもPHPファイルがダウンロードされるだけだった。 Live Sass CompilerはSCSSファイル内のimportで CSS出力後のディレクトリからのパスではなく、出力前のパスを見てnot foundのエラーを起こす。 2つともVSCODE内で完結するし、めちゃくちゃ便利なのに惜しい。 441 名前：デフォルトの名無しさん mailto:sage [2019/01/11(金) 17:18:33.84 ID:qaT7orPq.net] >Live Sass Compilerは、SCSSファイル内のimportで CSS出力後のディレクトリからのパスではなく、 出力前のパスを見てnot foundのエラーを起こす SCSS 内の@import は、パーシャルSCSS のインポートの事だろ。 CSSへ変換後じゃなくて、CSS変換前のSCSSフォルダからのはず 442 名前：425 mailto:sage [2019/01/11(金) 17:22:42.45 ID:qaT7orPq.net] a.scss ファイルで、 @import "./folder/b"; これで、./folder/_b.scss ファイルをインポートできる。 a.scss からの相対パス 443 名前：425 [2019/01/12(土) 10:10:11.52 ID:IAz54C40.net] Live Sass Compiler で、パーシャルSCSS を変更して保存しても、コンパイルされないから、 わざわざ、インポートした方のSCSSを 444 名前：、更新して保存しているw 単に、コンパイルするだけとか出来ないの？ [] [ここ壊れてます] 445 名前：デフォルトの名無しさん mailto:sage [2019/01/12(土) 14:54:28.42 ID:nlS3iLsh.net] >>425 正確にはSCSSでCSSファイルをimportしてる。 変換前の位置からのパスを指定するとコンパイルすることはできる。 ただ、出力先がSCSSと違う場所だったらブラウザで確認すると当然CSSは反映されていない。 出力前と出力後でimportしたCSSファイルの位置が違うからね。 他のアプリだったら出力後のパスを指定してもエラー出ないけど、こいつはエラーを出す。 設定で出力先は変えられるものの、この場合はSCSSもCSSも同じ場所に置かなくちゃ駄目ってことかな。 446 名前：デフォルトの名無しさん mailto:sage [2019/01/12(土) 22:40:44.24 ID:5NiTvBDV.net] そのcssファイルをscssに変えて@importで読み込んじゃ駄目なの？ そんな単純な話じゃなかったらごめん 447 名前：デフォルトの名無しさん [2019/01/13(日) 00:48:20.43 ID:AIuOHoOO.net] phpとtypescriptを同時にデバッグ出来るのか？ phpは出来たけどtypescriptができんぞ。 448 名前：デフォルトの名無しさん mailto:sage [2019/01/13(日) 04:40:22.40 ID:Cy6afJKh.net] Debug TypeScript with Visual Studio Code (TypeScript tutorial, #10) https://youtu.be/H1lgYojMCaQ VSCode(Electron)内のNode.js でも、デバッグできるかも知れないけど、 この動画では、Debugger for Chrome という拡張機能を使っている 以下の3つの、.json ファイル。 tsconfig, jsconfig, launch TSから、JSを参照するのに、sourceMap も 「vscode typescript デバッグ」で検索！ 449 名前：425 mailto:sage [2019/01/13(日) 08:34:10.97 ID:Cy6afJKh.net] a.scss @import "./b" ; _b.scss body { color: red ; } test.htm <link rel="stylesheet" href="a.css" type="text/css"> これで、a.scss を変更して保存すると、 a.css, a.css.map の、2つのファイルが更新されて出力されるけど、 パーシャルファイルの_b.scss を更新しても、再コンパイルされないから、 わざわざ、a.scss を変更して保存しているw Live Sass Compiler では、_b.scss を更新後、 単に、再コンパイルするだけとか出来ないの？ 450 名前：デフォルトの名無しさん [2019/01/13(日) 15:34:23.09 ID:EjQBEekq.net] >>432 a.scssと同じディレクトリに_b.scssを置いて @import '_b'; ってすれば_b.scssを更新しただけで、a.cssに更新が反映されると思うけど それじゃ駄目なの？ 451 名前：デフォルトの名無しさん mailto:sage [2019/01/13(日) 18:06:09.52 ID:ss7+9Cgj.net] C# XUnit 2.4.0 CodeLensの横のDebug Testを実行するとテスト後にOmniSharpの反応が停止するね OmniSharpの再起動コマンドも受け付けなくなるからVSCodeを再起動しなければならない これじゃ開発効率悪すぎ 所詮は見た目がVSっぽいだけのオモチャか 452 名前：デフォルトの名無しさん mailto:sage [2019/01/13(日) 19:35:05.70 ID:EpquvMRs.net] vscodeを同じワークスペースで再起動するコマンドが欲しい 453 名前：デフォルトの名無しさん mailto:sage [2019/01/13(日) 19:50:26.41 ID:Z+h8nfOL.net] >>434 issueもチェックできない人には難しいね 454 名前：デフォルトの名無しさん mailto:sage [2019/01/13(日) 19:57:00.36 ID:76x2epCP.net] >>435 それくらい数分で実現できるだろ 455 名前：デフォルトの名無しさん mailto:sage [2019/01/13(日) 19:57:56.15 ID:EpquvMRs.net] ろくにテストもせずにリリースして ユーザーにissueチェックしろとかwww 仕事が雑すぎるだろ あ、仕事じゃないか、オプソのお遊びだもんな元々w 456 名前：デフォルトの名無しさん mailto:sage [2019/01/13(日) 20:04:03.63 ID:Z+h8nfOL.net] ほら、omnisharpの問題なのかvscodeの問題なのかすら切り分けようとしないおばかさん 457 名前：デフォルトの名無しさん mailto:sage [2019/01/13(日) 20:04:17.45 ID:EpquvMRs.net] ここまで不安定だと デフォルトで再起動コマンドを実装 画面左部のアイコンに再起動ボタンを目立つように配置 ウェルカムページに不安定になったら再起動してくださいとアナウンスする 以上3点は必須の対応だろ 458 名前：デフォルトの名無しさん mailto:sage [2019/01/13(日) 20:08:45.14 ID:EpquvMRs.net] 切り分けwユーザーにバグ調査させるなっての 459 名前：w しかもこれランゲージサーバーとの連携は昨日今日じゃなくずっと前から不安定だからな 開発チームですら長期間修正できないバグをなんでユーザーが調べなきゃいけないんだ [] [ここ壊れてます] 460 名前：デフォルトの名無しさん mailto:sage [2019/01/13(日) 20:13:50.86 ID:Z+h8nfOL.net] >>441 ここomnisharpスレじゃないんだが 461 名前：デフォルトの名無しさん mailto:sage [2019/01/13(日) 20:16:18.58 ID:76x2epCP.net] ユーザー様（）がきたぞお みんなもてなせ 462 名前：デフォルトの名無しさん mailto:sage [2019/01/13(日) 20:29:01.24 ID:kvFmpT5C.net] コミケは店と客じゃなくてみんな参加者なんだよ 463 名前：デフォルトの名無しさん mailto:sage [2019/01/13(日) 21:05:50.54 ID:474YzZqN.net] reload window コマンドはあるし omnisharp debug unit でググればomnisharp側でそれらしいのでるし vscode側で問題を見つければ勝手にプロンプトだすし よくわからん 464 名前：デフォルトの名無しさん mailto:sage [2019/01/13(日) 21:10:15.21 ID:Z+h8nfOL.net] >>445 英語読めないんだろ 465 名前：デフォルトの名無しさん mailto:sage [2019/01/13(日) 21:35:37.70 ID:Ov2pIYHC.net] 情弱ほどギャーギャー騒ぐよな 466 名前：デフォルトの名無しさん mailto:sage [2019/01/13(日) 22:01:17.73 ID:gZKS59Kh.net] 最近教えてクンとか文句だけは一人前の情弱様が増えてきたな それだけユーザーが増えたんだろうな 467 名前：デフォルトの名無しさん mailto:sage [2019/01/13(日) 23:01:23.08 ID:bHKSc5vy.net] そうやってすぐに馬鹿に構う 468 名前：デフォルトの名無しさん mailto:sage [2019/01/14(月) 09:44:42.70 ID:Vft4cW7D.net] 質問する人は>>447-449のような構ってちゃんの相手をしないように。 回答くれる人が出るまで根気強く待ちましょう。 469 名前：デフォルトの名無しさん mailto:sage [2019/01/14(月) 10:41:43.10 ID:FxXuTKWe.net] Update 1.30.2 470 名前：デフォルトの名無しさん mailto:sage [2019/01/14(月) 11:34:30.92 ID:nGRWHAaP.net] >>450 今回のやつは完全にスレチやろ 471 名前：デフォルトの名無しさん [2019/01/14(月) 11:47:35.87 ID:ULvie5no.net] >>450 >>447-450の間違いでは？ スルーできてない時点で君も同類 472 名前：425 [2019/01/14(月) 12:11:03.31 ID:9Cudnq1q.net] >>433 a.scss @import "./b" ; これで、a.scss 内に、パーシャルファイル、_b.scss を読み込める >@import '_b'; アンダーバーが付いているのは、見たことがない。 これは、パーシャル扱いになるのか？ よく分からない 普通は、main.scss みたいに、 10個ぐらいの各コンポーネントのパーシャルファイルを、読み込むだけのSCSSファイルがある bundle.js みたいな感じ 473 名前：デフォルトの名無しさん [2019/01/14(月) 13:56:19.50 ID:HRfPEWjy.net] C++のコードで、時々定義や宣言へ移動するのができないときあるけど何で？ 474 名前：デフォルトの名無しさん mailto:sage [2019/01/14(月) 15:07:39.17 ID:yFvWin83.net] >>454 >>454 @import '_b'; でも@import 'b';でも変わらないんだけど 自分は分かりやすいように、アンダーバー付けて読み込んでる 同じディレクトリ内にa.scssと_b.scssがあったら、Live Sass Compilerで自動更新してくれるはず 自分の場合は、作業ディレクトリ内に scssディレクトリ cssディレクトリ を並列して置いて、setting.jsonに以下のように書いてる "liveSassCompile.settings.formats": [ { "format": "compact", "extensionName": ".min.css", "savePath": "/css" } ], もしsassファイルをまとめて同じディレクトリに入れられないようなディレクトリ構成であれば、 Live Sass Compilerでは上手く自動更新されないかも 試したことが無いから分からないな 475 名前：425 mailto:sage [2019/01/14(月) 15:29:36.06 ID:9Cudnq1q.net] ありがとう もちろん、両方のファイルは、同じフォルダ内にあるけど、 パーシャルファイルの_b.scss だけを更新・保存しても、再コンパイルされない。 やっぱり、a.scss の方を、更新・保存する必要がある 漏れが、未設定ワークスペースでやっているのが、悪いのかも 476 名前：デフォルトの名無しさん mailto:sage [2019/01/14(月) 15:45:43.05 ID:yFvWin83.net] Live Sass Compilerのsetting.jsonのディレクトリ参照もワークスペース内しか出来ないし 未設定ワークスペースでは動かないかもしれないね 477 名前：425 mailto:sage [2019/01/14(月) 16:14:49.87 ID:9Cudnq1q.net] 漏れは、色々な言語をいじっているから、一々、ワークスペースを設定するのが面倒で、 JS(JavaScript), Ruby, P 478 名前：ython, PS(PowerShell)など、 そのフォルダ丸ごと、未設定ワークスペースに入れているから [] [ここ壊れてます] 479 名前：デフォルトの名無しさん mailto:sage [2019/01/14(月) 23:34:20.27 ID:JOenWcUy.net] なんか普通にウォッチして動くSASSコンパイラーないのかな 480 名前：デフォルトの名無しさん mailto:sage [2019/01/14(月) 23:39:27.40 ID:iloeSZ7q.net] 普通てなに？ 481 名前：デフォルトの名無しさん mailto:sage [2019/01/15(火) 05:48:14.50 ID:lyy64s9v.net] そこはnpm scriptなりgulpなりにやらせたほうがいいだろって思ってるしそう実践してる 482 名前：デフォルトの名無しさん mailto:sage [2019/01/15(火) 08:07:22.89 ID:IdgIyeQx.net] AがBを使用している場合、 AをコンパイルしなおせばBも反映される だけどBを変更した場合に、Bは一体どこから使用されているのか？ っていうのが分からない わかるようにするためには、以下のどちらかが必要になる 1. AはBに依存していますという定義を書く 2. Aを解析して依存しているBを見つけ出す 1はようするにMakefile。依存関係を定義したMakefile相当のものを わざわざ書かないといけないが汎用的なツールとして作れる 2.だとMakefile自体は必要ないが、ソースコードを解析して 依存しているものを見つけ出す必要がある。つまりSassの 文法を知っていなければいけない この2つを組み合わせて、依存関係を自動的に生成するツールを 使うという方法も考えられる 何が言いたいかと言うと、こういう基本的なことを知っていれば、 何が足りないのか？何が出来るのか？何を調べればいいか？ なんてすぐ分かるだろうってこと Live Sass Compilerはどういう仕組なのかを考えてみろ 483 名前：デフォルトの名無しさん mailto:sage [2019/01/15(火) 08:43:29.27 ID:Tg5jhlXa.net] 普通にwebpackで出来ることだろうよ 484 名前：425 mailto:sage [2019/01/15(火) 12:20:13.07 ID:gjsoO4+v.net] 未設定ワークスペースじゃ、ダメか。 ちゃんとプロジェクトファイルを作って、やらないといけないのか せっかく、Live Sass Compiler だけでもコンパイルできるのだから、 このコンパイラを使って、Ctrl+Shift+P とかで、再コンパイルだけでも出来ないかね？ そういうタスクでも、作れないか？

---

---

[ 続きを読む ] / [ 携帯版 ]

read.cgi ver5.27 [feat.BBS2 +1.6] / e.0.2 (02/09/03) / eucaly.net products.
担当:undef