WordPress 보일러 판조 제2부분.

The devil is in the small details...

따라서 이전 기사(WordPress Boiler Plate Chase)를 살펴보면 몇 가지 해결 방안을 찾을 수 있습니다.이번 주말에 일어난 작은 이야기가 하나 더 있다.
그래서 그전부터 저는 사지의 샘플에 생명을 주입하기 시작했는데 운이 없었어요.Pop 운영 체제에서 비롯된 특수한 의존성 문제라고 생각합니다.그래서 나는 약간의 진전을 얻고 싶어서 다른 방식을 찾기로 결정했다.composer와node 같은 가방과 의존항에 만족할 때 is로 돌아갑니다.
VS 코드 확장이 작동하지 않음
나는 Tailwind boilerplate가 보기에 괜찮고 설치하기가 매우 쉽다는 것을 발견했다.하지만그리고 저는 제 VS 코드에Tailwind CSS Intellisense 확장자를 설치하고 싶습니다. 왜냐하면 저는 CSS 클래스를 기억하는 데 게으르기 때문에 도움이 될 수 있습니다.저는WordPress 프로젝트에서Tailwind를 사용했습니다. 저는 정말 그것을 좋아하지만 이런 조수로 부정행위를 하는 것이 더 쉽습니다.
Ao 설치가 완료되면 오류 메시지가 표시됩니다.

Tailwind CSS: Can't resolve 'lodash' in ....

아니면 비슷한 거.나는 브라우저 기록에서 그것을 되찾으려고 했지만, 기록이 너무 많았다.어쨌든 나는 답을 찾지 못했다.하지만팝 운영체제에 또 문제가 생겼을 것 같습니다.Nodejs &npm을 마운트 해제하고 다시 설치하려고 합니다.자동 삭제, 모든 것을 지우고 지우며 자동으로 복구합니다.아무 소용 없어.그래서 나는 내 노트북에 다시 설치된 낡은 Ubuntu(위의 문제는 나의 데스크톱 컴퓨터)에 있을 것이라고 생각한다.
나는 팝 운영체제 옆에 ubuntu를 설치했다. 왜냐하면 나는 모든 운영체제의 설치 과정을 일주일에 한 번씩 검사하고 싶지 않기 때문이다.불행히도, 나는 20.04 버전의 Ubuntu를 설치했다.Pendrive를 시작할 수 있는 버전을 확인하지 않았습니다.그래서 설치 후 업그레이드를 해야 합니다.
몇 년이 지났는데 터미널에서 이 물건들을 업데이트하고 있다.나는'상지'영화를 보러 갔다가 다음날 아침에 돌아오기로 했다.아침에는 모든 것이 다 좋았다.나는 이미 Nodejs와 npm을 설치했다.나는 이미 로컬 비행기와 VS 코드를 설치했다.TailPress 주제/repo가 포함된 새 WordPress 설치위대했어거의 모든 것이 녹색이다.npm 시계까지 일하고 있다!!!
그리고 이 새 설치로 Tailwind CSS Intellisense를 설치하고 싶습니다.이전의 잘못과 같다.나는 커피 한 잔을 끓였다.
따라서 문제는 Ubuntu나 Pop 운영 체제에 있지 않을 수 있습니다.몇 가지 조사를 통해 나는 정확한 해결 방안과 정확한 설치 방법을 찾았다.잠시 후 셸 스크립트를 만들어 게시물을 업데이트합니다.
우선, 너는 문제를 해결하기 위해 이미 한 모든 것을 제거해야 한다.
Source

모든 것을 깨끗이 제거하다

sudo apt clean
sudo apt update -m
sudo dpkg --configure -a
sudo apt install -f
sudo apt full-upgrade
sudo apt autoremove --purge

그리고 나서

sudo apt install pop-desktop

노드 및 Npm 제거

Source

sudo apt-get remove nodejs npm node
sudo apt-get purge nodejs

이제 제거합니다.노드 및.시스템의 npm 폴더

sudo rm -rf /usr/local/bin/npm 
sudo rm -rf /usr/local/share/man/man1/node* 
sudo rm -rf /usr/local/lib/dtrace/node.d 
sudo rm -rf ~/.npm 
sudo rm -rf ~/.node-gyp 
sudo rm -rf /opt/local/bin/node 
sudo rm -rf opt/local/include/node 
sudo rm -rf /opt/local/lib/node_modules  

sudo rm -rf /usr/local/lib/node*
sudo rm -rf /usr/local/include/node*
sudo rm -rf /usr/local/bin/node*

마스터 디렉토리로 이동하여 노드 또는 노드 모듈 디렉토리(있는 경우)를 삭제합니다.
다음 명령을 통해 마운트 해제를 검증할 수 있습니다.그들은 어떤 것도 수출해서는 안 된다.

which node
which nodejs
which npm

이제 다시 시작하지만 먼저 작곡가

주의: 전 세계에 아래의 모든 구성 요소를 설치해야 합니다!
따라서 WordPress 테마 폴더에서 VS 코드의 단말기가 아닙니다

이렇게

Source

PHP 및 기타 종속성 설치

우선

sudo apt update

그런 다음 다음 다음 명령을 실행하여 필요한 패키지를 설치합니다.

sudo apt install php-cli unzip

Composer 다운로드 및 설치

cd ~

curl -sS https://getcomposer.org/installer -o /tmp/composer-setup.php

다음은 다운로드한 설치 프로그램이 Composer 공개 키/서명 페이지에서 찾은 최신 설치 프로그램의 SHA-384 해시와 일치하는지 확인합니다.유효성 검사 단계를 단순화하려면 다음 명령을 사용하여 Composer 페이지에서 최신 해시 값을 프로그래밍하여 셸 변수에 저장할 수 있습니다.

HASH=`curl -sS https://composer.github.io/installer.sig`

획득한 값을 확인하려면 다음을 실행할 수 있습니다.

echo $HASH

Output
e0012edf3e80b6978849f5eff0d4b4e4c79ff1609dd1e613307e16318854d24ae64f26d17af3ef0bf7cfb710ca74755a

이제 Composer 다운로드 페이지에서 사용할 수 있는 다음과 같은 PHP 코드를 실행하여 설치 스크립트가 안전하게 실행되는지 확인합니다.

php -r "if (hash_file('SHA384', '/tmp/composer-setup.php') === '$HASH') { echo 'Installer verified'; } else { echo 'Installer corrupt'; unlink('composer-setup.php'); } echo PHP_EOL;"

다음과 같은 출력이 표시됩니다.

Installer verified

composer를 전체적으로 설치하려면 다음 명령을 사용하여 composer라는 시스템 범위 명령으로 composer를 다운로드하여/usr/local/bin에 설치합니다.

sudo php /tmp/composer-setup.php --install-dir=/usr/local/bin --filename=composer

다음과 같은 출력이 표시됩니다.

Output
All settings correct for using Composer
Downloading...

Composer (version 1.10.5) successfully installed to: /usr/local/bin/composer
Use it: php /usr/local/bin/composer

설치를 테스트하려면 다음을 실행하십시오.

composer

출력:

Output
   ______
  / ____/___  ____ ___  ____  ____  ________  _____
 / /   / __ \/ __ `__ \/ __ \/ __ \/ ___/ _ \/ ___/
/ /___/ /_/ / / / / / / /_/ / /_/ (__  )  __/ /
\____/\____/_/ /_/ /_/ .___/\____/____/\___/_/
                    /_/
Composer version 1.10.5 2020-04-10 11:44:22

Usage:
  command [options] [arguments]

Options:
  -h, --help                     Display this help message
  -q, --quiet                    Do not output any message
  -V, --version                  Display this application version
      --ansi                     Force ANSI output
      --no-ansi                  Disable ANSI output
  -n, --no-interaction           Do not ask any interactive question
      --profile                  Display timing and memory usage information
      --no-plugins               Whether to disable plugins.
  -d, --working-dir=WORKING-DIR  If specified, use the given directory as working directory.
      --no-cache                 Prevent use of the cache
  -v|vv|vvv, --verbose           Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug
...

그리고 Nodejs와 npm을 설치합니다.

Source
먼저 다음을 입력하여 패키지 목록을 업데이트합니다.

sudo apt update

apt 패키지 관리자를 사용하여 nodejs를 설치하려면:

sudo apt install nodejs npm

시작:

nodejs

확인하는 방법:

node -v && npm -v 

그런 다음 Tailwind 템플릿 파일을 WordPress 주제 폴더에 설치할 수 있습니다.

Source
VS 코드에서 '테마' 폴더를 엽니다. (모든 테마가 정확한 테마 순서가 아닙니다. (존재하지 않도록 합니다.)
VS 코드에서 터미널 열기

composer global require jeffreyvanrossum/tailpress-installer

클론 재구매

git clone https://github.com/jeffreyvr/tailpress.git && cd tailpress

뛰어다니다

rm -rf .git

뛰어다니다

npm install

뛰어다니다

npm run watch

발전을 시작하다
이제 Tailwind CSS Intellisense를 사용할 수 있습니다...
도움이 되었으면 좋겠어요!
그렇다면 의견을 달아 주십시오!:)
행운을 빕니다!
만약 무슨 문제가 있으면 주저하지 않고 아래에 평론을 발표해 주십시오. 그러면 제가 제 글을 정정할 수 있습니다.감사합니다!