Vue Configuration

css articles

• height: calc(100% - 45px);

  The percentage of the page height

vue2 Configuration

• npm install -g vue-cli

  Install the latest version 2.0vue

• vue init webpack my-project

• New Project

vue3 Configuration

• npm uninstall vue-cli -g

  Uninstall the old version vue

• npm install -g @vue/cli

  Update the latest version of vue

eslint

• // eslint-disable-next-line

  Ignore the next line

• /* eslint-disable no-alert, no-console */

  Disables the specified rules

• /* eslint-disable */

  All warnings ignored file.

vue3 cross-domain

New vue.config.js the root directory

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 little turtle configuration

• https://www.jianshu.com/p/33108325fc87

VsCode Configuration

• Chinese (Simplified) Language Pack for Visual Studio Code

  Chinese installation package

• ESLint

  Code Formatter

• winter

  vue code highlighting

• Auto Rename Tag

  Closing tag automatically modified

• Path Intellisense

  Automatically prompt completion path

• Bracket Pair Colorizer

  Let the various codes in brackets show different colors

UI framework front end

• Pc

  iView

  Element

  Ant Design

• Mobile end

  Won

  mint

Official api

https://www.juhe.cn/servicehttps://meyerweb.com/eric/tools/css/reset/

vue small case

• Click Append the selected style

<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 }, 

node Case

• npm install -g nodemon
• npm install

  installation

• nodemon

  start up

• See mongodb connect and port number it means to start up