vue 脚手架

vue脚手架

基于3.x版本的脚手架创建vue项目

//1. 基于交互式命令行的方式，创建新版vue
vue  create  my-project
//2.基于图形化界面的方式，创建新版vue
vue  ui

//3.基于2x的旧模板，创建旧版vue
npm install -g @vue/cli-init
vue init webpack my-project

vue 脚手架自定义配置

通过单独的配置文件配置项目

1. 在项目的根目录创建文件vue.config.js
2. 在该文件中进行相关配置，从而覆盖默认配置

module.exports = {
	devServer: {
		port: 8888,
		open: true
	}
}

Element-UI 的基本使用

基于命令行方式手动安装

1. 安装依赖包npm install element-ui -S
2. 导入Element-UI 相关资源

//导入组件库
import ElementUI from 'element-ui'
//导入组件相关样式
import 'element-ui/lie/theme-chalk/index.css'
//配置vue插件
Vue.use(ElementUI)