Vueプロジェクトの作成方法
方法 1. コマンド プロンプトに次のように入力します。 vue create project name
コマンド ラインから作成します
。 方法 2. コマンド プロンプトに次のように入力します。 vue ui
ブラウザに http://localhost:8000 と入力し
、グラフィカル インターフェイスを通じて作成します。
Vscode の Vue ファイルが常に赤くなり、フォーマット エラーがありますか? ? 他の人のプロジェクトを(node_modulesファイルなしで)実行するにはどうすればよいですか? ? コンポーネントとアイコンを選択しますか? ?
問題 1 を解決する
前提条件は次のとおりです: Prettier ESLint プラグイン、ESLint プラグイン ==
1. 設定を開いて設定します
2. 編集するテキストを見つけ、その中の settings.json テキストを開き
、その中にコンテンツを追加します
"tabSize", "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "vetur.format.defaultFormatterOptions": { "prettier": { "singleQuote": true, "semi": false, "trailingComma ": "none" } }最終的なテキストの内容は次のとおりです (私の例)
問題 2 を解決する
node_modules ファイルには、プロジェクトによってダウンロードされたいくつかのプラグインまたは依存関係が保存されますが、これらは非常に大きいことがよくあります。ただし、package.json にはレコードがあるため、プロジェクトのルート ディレクトリのターミナルでnpm installコマンド node_modules ファイルが生成されます。
次に、ターミナルで次のようにします。
1. API サーバー サービスを開始します。
cd server
nodeindex.js
2. vue
npm runserveを開始します。
問題 3 を解決する
ElementUI と Font Awesome プラグインをインストールする
npm install element-ui
npm install font-awesome
グローバルインポート (mian.js ファイル内):
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import 'font-awesome/css/font-awesome.min.css'
これら 2 つのコンポーネントの学習:
fontawesome アイコン ライブラリ v4.7.0 fontawesome 中国語版の公式ドキュメント
、新バージョン v5.15.4 無料版とプロフェッショナル バージョン、および
旧バージョン v4.7 ElementUI の公式学習ドキュメント