在windows中搭建vue开发环境

1.环境搭建

具体环境搭建步骤参考链接

  • 注意该博客中初始化命令:

    vue init webpack MyPortalProject

需改为小写:

复制代码
vue init webpack myportalproject

不然会报错

复制代码
Warning: name can no longer contain capital letters
2.创建第一个vue+element ui项目

创建项目过程参考链接

  • 此博客中示例代码,运行后,按钮样式未生效,可在 main.js 中添加

    Vue.use(ElementUI, {size:'mini', zIndex:1024})

main.js全部代码如下:

复制代码
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'

/*引入如下组件*/
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

Vue.config.productionTip = false
Vue.use(ElementUI, {size:'mini', zIndex:1024})

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})
相关推荐
hepherd15 分钟前
Flask学习笔记 - 模板渲染
前端·flask
LaoZhangAI15 分钟前
【2025最新】Manus邀请码免费获取完全指南:5种稳定渠道+3个隐藏方法
前端
经常见16 分钟前
浅拷贝与深拷贝
前端
梅子酱~21 分钟前
Vue 学习随笔系列二十二 —— 表格高度自适应
javascript·vue.js·学习
前端飞天猪21 分钟前
学习笔记:三行命令,免费申请https加密证书📃
前端
关二哥拉二胡23 分钟前
前端的 AI 应用开发系列二:手把手揭秘 RAG
前端·面试
斯~内克24 分钟前
前端图片加载性能优化全攻略:并发限制、预加载、懒加载与错误恢复策略
前端·性能优化
你的人类朋友25 分钟前
JS严格模式,启动!
javascript·后端·node.js
奇怪的知识又增长了33 分钟前
Command SwiftCompile failed with a nonzero exit code Command SwiftGeneratePch em
前端
Maofu33 分钟前
从React项目 迁移到 Solid项目的踩坑记录
前端