<! -- クイックハンド -->

クイックハンド ​

この記事は、最初からこのプロジェクトを開始し、構築するのに役立ちます

Vue2バージョン ​

環境準備 ​

ローカル環境には Node.js 14.x、Git をインストールする必要があります ::: Warning暖かいヒント🎯

• Node.jsバージョンは 14 をインストールすることを推奨しています。両方のバージョンをメンテナンスする場合は、nvmを使用してnodeバージョンを切り替えてください。

• Npmミラーソースはtaobao (https://registry.npmmirror.com/) またはnpmMirror (https://skimdb.npmjs.com/registry/) を使用してください。nrmツールを使用してnpmソースをすばやく切り替えることができます。 :::

::: Code-group

nvm use 14

nrm use taobao

:::

• nvm教程💯: https://lisaisai.blog.csdn.net/article/details/145481541?spm=1001.2014.3001.5502。
• nrm教程💯: https://lisaisai.blog.csdn.net/article/details/145481783?spm=1001.2014.3001.5502

コードプル ​

Giteeからコーデトップス:

# 克隆代码
git clone https://gitee.com/ITdos/microi.net.git

Gitコードからコードを引き出す *:

# 克隆代码
git clone https://gitcode.com/microi-net/microi.net.git

使用手順のインストール ​

ターミナルを開く: ​

# 进入前端文件夹
cd X:\microi.net\microi.vue2.full

インストールの依存関係: ​

nvm use 14
npm install nrm -g
# 📌如果taobao不行用 nrm use npmMirror
nrm use taobao 
npm install

プロジェクトの実行: ​

npm run dev

梱包項目: ​

npm run build

Npm script詳細 ​

{
	"scripts": {
    //本地运行(dev环境)
    "dev": "vue-cli-service serve", 
    //构建打包(dev环境)
    "build": "vue-cli-service build",
    //构建打包(生产环境)
    "build:prod": "vue-cli-service build",
     //构建打包(测试环境)
    "build:stage": "vue-cli-service build --mode staging",
    //本地运行(预览环境)
    "preview": "node build/index.js --preview",
    //svg图片处理
    "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml",
    //打包lib
    "lib": "vue-cli-service build --target lib --name microi.net.vue --dest lib index.js"
}

注意事項‼️ ​

上记の手顺で他のエローが発生した场合は、次の手顺でお试しください: 1.削除node_modules 2.削除package-lock.json 3.実行 #npm cache clean --force 4.再実行 #npm installインストール環境手順

その他の可能性のある問題:

• エラー: '/node _ form/_ monaco-editor@0.33.0 @ monaco-editor/esm/vs/basic-languages/.contribution.js Failed to compile with 1 error in ./node _ form/monaco-editor/esm/vs/basic-languages/.contribution.js'

• 解決: 次の5つの変数 (30行以上のコード程度) をLazyLanguageLoader内部を上に移動し、var声明すればいいです。

  js

  var _languageId;
  var _loadingTriggered;
  var _lazyLoadPromise;
  var _lazyLoadPromiseResolve;
  var _lazyLoadPromiseReject;
  var LazyLanguageLoader = class { ......

  1
  2
  3
  4
  5
  6
  

バックエンド・インタフェース・アドレスの切り替え ​

1.request.jsファイルの修正baseURLパラメータ 2.itdos.osclient.jsファイルの修正

try {
        //如果是苹果电脑
        if (navigator.platform.toUpperCase().indexOf('MAC') >= 0) {
          return 'https://api.itdos.com'//用于发布到开源gitee
        } else {//如果是非苹果电脑
          return 'https://localhost:7268'//用于发布到开源gitee （在这里修改）
        }
      } catch (error) {
        return 'https://api.itdos.com'
      }

Vue3バージョン (開発待ち) ​

環境準備 ​

ローカル环境に Node.js 18.x 、Git をインストールする必要があります ::: Warning暖かいヒント🎯 Node.jsバージョンは 18 をインストールすることを推奨しています。両方のバージョンをメンテナンスする場合は、nvmを使用してnodeバージョンを切り替えてください。

Npmミラーソースはtaobao (https://registry.npmmirror.com/) またはnpmMirror (https://skimdb.npmjs.com/registry/) を使用してください。nrmツールを使用してnpmソースをすばやく切り替えることができます。 :::

::: Code-group

nvm use 18

nrm use taobao

:::

• nvm教程💯: https://lisaisai.blog.csdn.net/article/details/145481541?spm=1001.2014.3001.5502。
• nrm教程💯: https://lisaisai.blog.csdn.net/article/details/145481783?spm=1001.2014.3001.5502

ツール設定 ​

このプロジェクトはVSCodeを使用して開発することを推奨しています。プロジェクトにはVSCode構成が内蔵されており、推奨されるプラグインと設定が含まれています。

🌈次のプラグインのインストールを推奨します

• Vue Language Features (Volar) ==> Vue3公式プラグイン
• TypeScript Vue Plugin (Volar) ==> Vue3公式プラグイン (TypeScript)
• Vue 3 Snippets ==> Vue3コードヒント
• ESLint ==> コードチェック
• Style lint ==> CSSコードチェック & & フォーマット
• Prettier - Code formatter ==> コードのフォーマット
• EditorConfig for VS Code ==> 異なるエディタのコーディングスタイルを統一する
• Code Spell Checker ==> 単語のスペルミスをチェックする
• Sass ==> Sassスタイル作成
• DotENV ==> ハイライト.Dvファイル

.Vscode> extensions.json ​

{
	"recommendations": ["vue.volar", "vue.vscode-typescript-vue-plugin", "hollowtree.vue-snippets", "dbaeumer.vscode-eslint", "stylelint.vscode-stylelint", "esbenp.prettier-vscode", "editorconfig.editorconfig", "streetsidesoftware.code-spell-checker", "syler.sass-indented", "mikestead.dotenv"]
}

::: Warning

• Vue3プロジェクトを開発するには、Volarプラグインを開き、Veturプラグインを無効にしてください。
• プロジェクトのデフォルトのフォーマッタがPrettierであるように設定してください。

:::