Vuedation

ポートフォリオ用リポジトリ　参照サイト:「現場で使えるVue.js 3.X 実践ガイド」

旧オリジナル"Vuedation"からVue3+Vite仕様に作り直してポートフォリオ用に再公開しました。

諸々最新環境で動くようにはしています。

セットアップ

テンプレートを手動でセットアップするには、まず Git でダウンロードします。

 git clone git@github.com:annrie/Vuedation.git projectname
 cd projectname

その後、コマンドラインでフォルダを開き、必要な依存関係をインストールします。 npm も使えますが、yarn2 を使用しています。

yarn set version berry #  Setup of yarn2
echo "nodeLinker: node-modules" > .yarnrc.yml
yarn install

インストールすると、.envファイルが作成されています。必要ならfirebase関係の認証アカウントを設定してください。

最後に、 yarn dev を実行してサーバーを立ち上げます。完成したサイトは、次の URL で表示可能な distというフォルダーに作成されます。

http://localhost:3000

Name		Name	Last commit message	Last commit date
Latest commit History 26 Commits
.firebase		.firebase
.vscode		.vscode
.yarn/releases		.yarn/releases
public		public
scripts		scripts
src		src
.browserslintrc		.browserslintrc
.cz-config.js		.cz-config.js
.czrc		.czrc
.dependency-cruiser.js		.dependency-cruiser.js
.editorconfig		.editorconfig
.env-example		.env-example
.eslintignore		.eslintignore
.eslintrc.js		.eslintrc.js
.firebaserc		.firebaserc
.gitignore		.gitignore
.jsbeautifyrc		.jsbeautifyrc
.jshintrc		.jshintrc
.prettierrc.js		.prettierrc.js
.stylelintrc.yml		.stylelintrc.yml
.versionrc.json		.versionrc.json
CHANGELOG.md		CHANGELOG.md
README.md		README.md
auto-imports.d.ts		auto-imports.d.ts
browserslistrc		browserslistrc
changelog.config.json		changelog.config.json
commitlint.config.js		commitlint.config.js
components.d.ts		components.d.ts
firebase.json		firebase.json
formkit.config.ts		formkit.config.ts
index.html		index.html
jest.config.js		jest.config.js
lint-staged.config.js		lint-staged.config.js
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
postcss.config.cjs		postcss.config.cjs
tsconfig.json		tsconfig.json
unocss.config.ts		unocss.config.ts
vite.config.ts		vite.config.ts
yarn.lock		yarn.lock