カテゴリ:開発環境
投稿日:2021年9月29日
GitHubと連携した nplate 開発環境の構築
WSL内の開発フォルダに nplate を clone します。
以下では、nplate をリポジトリから取得して、project_nameフォルダに保存し、git関連のファイルを削除しています。
git clone git@github.com:n0pj/nplate.git project_name && rm -rf project_name/.git
GitHubに新しくリポジトリを作成します。
リポジトリの作成ができたら、試しにローカルファイル全部をPushしてみます。
git add .
git commit -m "first commit"
git branch -M main
git remote add origin git@github.com:account_name/project_name.git
git push -u origin main
GitHub内でソースを確認し、問題なく表示されていればGitHubと連携したnplate 開発環境の作成は完了です。
設定ファイルの編集
WordPress開発環境を構築する場合
WordPressを利用するための設定を有効化
server_settings > use > proxy, htaccess を true に設定
server_settings: {
// php を xampp, mamp 等を使用せずに nplate のみで動かす場合は、host, port を設定する
host: 'localhost:80', // wordpress の場合、localhost のみ
// php を使用する場合、port が php サーバーになり、host には localhost + port を合うように入力する
port: 80,
browsersync_port: 4000,
proxy_port: 3003, // next.js の設定、設定例は src/dode_tips/nplate_tips/how_to_use_nextjs.js を参照
use: {
proxy: true,
htaccess: true
}
}
wordpress_settings > use > as_wordpress_theme を true に設定
wordpress_settings: {
use: {
as_wordpress_theme: true
}
}
PHPの利用を有効化
php_settings > use > php を true に設定
php_settings > php_bin, php_ini のパスを設定
php_settings: {
use: {
php: true,
laravel: false,
blade_template: false
},
php_bin:
'C:/UserApps/Apps/laragon/bin/php/php-7.4.9-Win32-vc15-x64/php.exe',
php_ini: 'C:/UserApps/Apps/laragon/bin/php/php-7.4.9-Win32-vc15-x64/php.ini'
}
JavaScript の取得
開発環境に定義されているJavaScriptファイルを取得します。
yarn
開発環境を実行します。
yarn start