CSSの記事
- 高さ:計算値(100% - 45px)。
ページの高さの割合
vue2設定
- NPM -g VUE-CLIをインストール
最新バージョンの2.0vueをインストールします。
- VUEのinit WebPACKの私のプロジェクト
-
新プロジェクト
vue3設定
- NPMのアンインストールVUE-cliの-g
古いバージョンをアンインストールVUE
- NPM -gの@ VUE / CLIをインストール
VUEの最新バージョンを更新します。
eslint
- // eslintディセーブル - 次の行
次の行を無視します
- / *ノーアラートをeslint-無効にしない、無コンソール* /
指定されたルールを無効にします。
- / * eslint-無効* /
すべての警告は、ファイルを無視します。
vue3クロスドメイン
新vue.config.jsルートディレクトリ
module.exports = {
devServer: { open: true, host: 'localhost', port: 8080, https: false, //以上的ip和端口是我们本机的;下面为需要跨域的 proxy: { //配置跨域 '/api': { target: 'http://www.thenewstep.cn/', //这里后台的地址模拟的;应该填写你们真实的后台接口 ws: true, changOrigin: true, //允许跨域 pathRewrite: { '^/api': '' //请求的时候使用这个api就可以 } } } } }
小さなカメの設定をgitの
VsCode設定
- 中国語(簡体字)のVisual Studioのコードのための言語パック
中国のインストールパッケージ
- ESLint
コードフォーマッタ
- 冬
VUEコードハイライト表示
- 自動名前変更タグ
終了タグが自動的に変更します
- パスインテリセンス
自動的にプロンプト完了パス
- ブラケットペア彩色
カッコ内の様々なコードが異なる色をお見せしましょう
UIフレームワークのフロントエンド
公式API
https://www.juhe.cn/service https://meyerweb.com/eric/tools/css/reset/
VUE小さなケース
- 選択したスタイルを追加クリック
<ul>
<li class="liMenu"
:class="menuData.index==index ? 'active' : ''"
@click="isSelected(item,index)"
v-for="(item,index) in menuData.title" :key="index" > {{item}} </li> </ul> data() { return { menuData: { title: ['标题1','标题2'], index: 0 } } }, isSelected(item,index){ this.menuData.index = index },
ノードケース
- NPM -g nodemonをインストール
- NPMインストール
インストール
- nodemon
スタート
- 参照MongoDBの接続と、それが起動することを意味するポート番号