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
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
-
Mobile end
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