Nodejs開発環境の構成と使い方について-jsチュートリアル-php.cn

Nodejs開発環境の構成と使い方について

不言

リリース： 2018-06-30 16:03:36

オリジナル

1353 人が閲覧しました

この記事では主に、nodejs 開発環境の構成と使用方法を紹介します。これは、必要な友人に参考にしていただけるようになっています。私は徐々に慣れてきており、実際に学習を始めて初めて理解できるようになりました。今日からは、今後の参考のために学習プロセスを記録していきます。

まず、nodejs について話しましょう。これは言語だと思っている人もいますが、そうではありません。これは、Google の V8 エンジン上に構築された JS 実行プラットフォームです。。現状から判断すると、この開発はかなり良いと思われます。明日には多くのフロントエンドエンジニアやバックエンドエンジニアが注目し、ブログを書いている人もいるでしょう。私はこれまでに 90 個近くの Nodejs Web プラグインを開発してきました。これは本当に素晴らしいです。では、私たちが China Dongdong から学ぶ最も直接的なメリットは何でしょうか。フロントエンド担当者は js に精通しているため、基本的に Linux を学習して使い始めることができます。バックエンドエンジニアにとっては少し面倒です。バックエンドエンジニアは、js に慣れている場合、それを使用する際に多くの障害があるかもしれません。ここで、基本的な js を学習することをお勧めします。これまでのところ、広州では基本的に 1 年以上の nodejs エンジニアが採用されていますが、その会社の採用状況について話したところ、これは Hadoop とほぼ同じであることがわかりました。ナンセンスな話はこれくらいにして、環境構成について話しましょう (私は Windows 8.1 で開発したため、ここでは Windows についてのみ説明します)。

nodejs をインストールします

まず、nodejs 公式 Web サイト http://www.nodejs.org/download/ にアクセスして、対応するバージョンをダウンロードします。私のバージョンは 64 ビットです。ダウンロード後、直接インストールしてください。現在のバージョンはv0.10.33になっており、nodeとnpmも一緒にインストールされ、環境変数も設定されています

インストールするには、Shift + 右クリックを使用して、現在インストールされているフォルダーの cmd を開きます。次のように入力して、インストールされているバージョンを表示します。

node-v

ログイン後にコピー

2. グローバルフォルダー設定

node_global は、現在のユーザーディレクトリに設定されるため、初心者はこれを設定する必要はありませんが、便宜上、次のような設定コマンドを設定します。

npmconfigls//列出prefix配置
npmconfigsetcache&#39;D:\ProgramFiles\nodejs\node_cache&#39;//设置全局缓存文件夹
npmconfigsetcache&#39;node_global&#39;//设置全局模块文件夹

ログイン後にコピー

3. モジュールをインストールします

これで、node と npm がインストールされました。名前が示すように、npm はコマンドによって管理されます。

パラメーター -g は、それをインストールすることを意味します。グローバルフォルダーがない場合は、現在のフォルダーを意味します

npminstallexpress-g//express还可以带上@版本号

ログイン後にコピー

他にファイルがあるかどうかを確認するために、ここでコマンドを使用して、Express のバージョン番号を確認します。ちょうどインストールされました

express-V

ログイン後にコピー

出力バージョンがある場合は、インストールが成功したことを意味します。

したがって、このプラグインをアンインストールしたい場合は、次のコマンドを使用できます

npmuninstallexpress

ログイン後にコピー

アンインストールした後、Express に再度インストールしますが、最後にバージョン番号 3.2.2 が付きます (これは、私が最もよく知っているバージョン) )、これは可能ですか?

4. Express を使用してインストールします

次に、次のようにコマンドを使用して Web サイトを構築します:

expressTest

ログイン後にコピー

これにより、いくつかのプロンプトが出力されます。Test フォルダーに直接ジャンプして、サイトを実行できます。次のコマンドを使用します:

nodeapp.js

ログイン後にコピー

プロンプトが表示されましたか? ポート 3000 は起動が成功したことを示していますが、ブラウザーはブラウズ時にエラーを報告しました

エラー: 見つかりません。 module 'jade'

次に、このモジュールをインストールしましょう。このフォルダーには、nodepad を使用していくつかのサイト情報が記述されています。見てください:

これがその説明です。 Express と Jade の 2 つのライブラリが必要です。多くのモジュールをインストールする場合は、多くのコマンドを実行する必要があります。現在の package.json をチェックする比較的単純なコマンドです。インストールにはライブラリを使用します:

npminstall

ログイン後にコピー

このモジュールをインストールした後、views の下のlayout.jade ファイルの最初の行にある doctype 5 を次のように変更する必要もあります。 doctype html を実行してから、node app.js を再実行すると、Web サイトが正常に動作するようになります。

五、安装supervisor插件

刚才我们可能都发现了，如果出了问题，nodejs自动停止了服务，这样很不利于调试啊，那我们有一个插件可以解决。这个插件是管理nodejs的进程，包括调试那些都非常好用。使用如下命令安装全局的模块：

npminstallsupervisor-g

ログイン後にコピー

这样我们就不用node命令来启动服务，直接使用supervisor app.js来就可以了。

六、使用webStorm IDE

刚才我们编辑js文件是使用nodepad来的，但这个不是很好，有好的编辑器吗，答案是有的，一个大名顶顶的webStorm，网上很多那个版本的下载，大家懂得了，这里也提供一份网友给的链接http://yunpan.cn/cAcf6hVxnIbCt 提取码 246f，下载完直接安装，安装完覆盖一个exe文件就可以了，屌丝这样简单吧！

第一次运行是会打开一个文件夹，其实就是项目的文件夹。