本文へ移動
サポートシェアリングソリューション
OKWAVE Plus

このQ&Aは役に立ちましたか?

ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:Atomで入力補完とプレビューができませんでした)

Atomで入力補完とプレビューができませんでした

2023/09/07 10:37

このQ&Aのポイント
  • PHPを勉強してみようと、Atomをインストールしましたが、自分は、うまく使えていません。以下の2点で止まっています。
  • (1)自動でのHTMLコードのひな形が反映されませんでした。「ファイル」➝「新規ファイル」を選択して新規ファイルを作り(開き)、画面右下の「Plain Text」をクリックしてAtomの便利な入力補完機能を試したいので「ht」と入力し「enter」を押しましたが自動でのHTMLコードのひな形が反映されませんでした。ただ、画面右下の「Plain Text」は「HTML」に変更されて、手打ちでHTMLコードを記入すると、コードの入力補完はできます。
  • (2)atom-html-previewでプレビューが真っ黒な画面表示だけです。Atomメニューの「ファイル」内にある「プロジェクトフォルダを追加」を行ったフォルダ内のhtmlソースを展開してプレビューしても変わらず単に真っ黒な画面(タブ)が現れるだけです。
※ 以下は、質問の原文です

Atomで入力補完とプレビューができませんでした

2020/06/07 10:17

Atomエディタ初心者からの質問です。
次の内容について教えて頂けると嬉しいです。
よろしくお願いいたします。

■質問内容:入力補完機能とプレビューがうまくできませんでした
製品名:LAVIE Direct HZ
型番:PC-GN276U1GA
OS:Windows10
Atom:バージョン1.47.0

PHPを勉強してみようと、Atomをインストールしましたが、
自分は、うまく使えていません。。。
以下の2点で止まっています。
(Atomインストール後、PC再起動して試しましたが状態は変わっていません)

(1)自動でのHTMLコードのひな形が反映されませんでした
「ファイル」➝「新規ファイル」を選択して
新規ファイルを作り(開き)、
画面右下の「Plain Text」をクリックして
Atomの便利な入力補完機能を試したいので
「ht」と入力し「enter」を押しましたが
自動でのHTMLコードのひな形が反映されませんでした。
ただ、
画面右下の「Plain Text」は「HTML」に変更されて、
手打ちでHTMLコードを記入すると、コードの入力補完はできます。

(2)atom-html-previewでプレビューが真っ黒な画面表示だけです。
Atomメニューの「ファイル」内にある「プロジェクトフォルダを追加」を
行ったフォルダ内のhtmlソースを展開してプレビューしても
変わらず単に真っ黒な画面(タブ)が現れるだけです。

この2点でつまずいております。
うまくできない理由がわからずなんとも歯がゆいです。
お分かりになる方いらっしゃいましたら、教えて頂けないでしょうか。。
よろしくお願いいたします。

ちなみに、HTMLコードは

<!DOCTYPE html>
<html lang='ja'>
<head>
<meta charset='UTF-8'>
<title>テスト用ホームページ</title>
</head>
<body>てすと中です
</body>
</html

です。

※OKWAVEより補足:「NEC 121ware :ソフトウェア」についての質問です

質問者が選んだベストアンサー

ベストアンサー
2020/06/07 13:17
回答No.2

Atomの最新バージョン1.47.0でatom-html-previewは使用できないとの記事があります。、Atomのバージョンを1.45.0に下げて対処しているようです。

https://teratail.com/questions/266233

お礼

2020/06/07 14:16

お答えありがとうございます!!!!!
頂いたアドバイス通り、リンク先を拝見しました!
Atomのバージョンを1.45.0に下げてみたところプレビューできました!!!
おかげさまで、霧が晴れたような気分です!本当にありがとうございました!

質問者

このQ&Aは役に立ちましたか?

この質問は投稿から一年以上経過しています。
解決しない場合、新しい質問の投稿をおすすめします。

質問する

その他の回答 (2件中 1~2件目)

2020/06/07 11:35
回答No.1

Atom パッケージで検索して必要なパッケージをダウンロード、インストール、日本語化する。

補足

2020/06/07 12:40

お返事ありがとうございます!
一応(1)は、パッケージemmet 2.4.3 をインストールして、
新規ファイルを作った後「Plain Text」は「HTML」にして
「!」を入力後、「ctrl」+「e」押下で
ひな形が展開されたのを確認できたところです。
がっっ、、、(2)の方ががどうも分からないのです。。
パッケージは他に、
atom-html-preview 0.2.6
japanese-menu 1.15.0
をインストールして試しております。
足りないものが何なのかも分からないでおります。。。
お手数ですが、これ↑ではプレビュー真っ黒なままでしょうか???

質問者

お礼をおくりました

さらに、この回答をベストアンサーに選びますか?

ベストアンサーを選ぶと質問が締切られます。
なおベストアンサーを選びなおすことはできません。