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 脚手架自定义配置

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

在项目的根目录创建文件vue.config.js在该文件中进行相关配置，从而覆盖默认配置 module.exports = { devServer: { port: 8888, open: true } }

Element-UI 的基本使用

基于命令行方式手动安装

安装依赖包npm install element-ui -S导入Element-UI 相关资源 //导入组件库 import ElementUI from 'element-ui' //导入组件相关样式 import 'element-ui/lie/theme-chalk/index.css' //配置vue插件 Vue.use(ElementUI)