myblogvue

myblog

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run e2e tests
npm run e2e

# run all tests
npm test

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

创建项目

vue安装请看下面的博客

1. 安装nodejs、npm
2. 安装vue-cli

init webpack

$ vue init webpack myblogvue

关闭useEslint

将useEslint的true改为false

引入elementui

进入项目安装element-ui

$ npm i element-ui -S

在src下的man.js中添加

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

vue使用elementui

Vue.use(ElementUI)

进入elementui的官网 通过提示代码引入自己想要的布局样式

静态资源

自定义的文件js和css的加载将其放在static文件夹下的utils下 （如果提示报错关于>使用此方法）

整体布局样式