在windows中搭建vue开发环境

这篇具有很好参考价值的文章主要介绍了在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全部代码如下:文章来源地址https://www.toymoban.com/news/detail-742525.html

// 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/>'
})

到了这里,关于在windows中搭建vue开发环境的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue3 + Tailwind Css + Vite 搭建快速开发前端样式环境

    一个功能类优先的 CSS 框架,用于快速构建定制的用户界面。这是来自 TailwindCss 官方定义。 中文网站 Tailwindcss 基于原子化理念,将样式重复性代码降到最小,原本开发最大限度基于类名的声明块不重复,现在Tailwindcss基于单独一句声明不重复。 活跃度 github starts 数量达到

    2024年02月04日
    浏览(67)
  • Vue前端环境搭建以及项目搭建

    安装node.js 安装node.js主要是为了安装npm工具,用于管理js包等,类似于java的maven。 去官网下载安装。 配置新的镜像源 安装webpack webpack是前端项目打包工具。 命令: 安装vue-cli 这是vue的开发工具。 安装文档地址:https://cli.vuejs.org/zh/guide/installation.html 命令: 查看vue-cli: vue-

    2024年01月23日
    浏览(60)
  • docker前端开发环境搭建

    docker 做本地开发环境的好处:   隔离环境 各项目所需node等版本不一,切换起来比较麻烦,虽用 nvm可 来解决,但使用 docker 更优 快速配置环境 新电脑,新系统,新环境,第一件事就是配置开发环境。下载 node、git,然后安装一些 npm 的全局包,然后下载 vscode,配置 vscode,下

    2024年02月05日
    浏览(41)
  • 从javascript到vue再到react:前端开发框架的演变

    目录 JavaScript: 动态语言的基础 JavaScript:Web开发的起点 Vue.js: 渐进式框架的兴起 Vue.js:简洁、高效的前端框架 React.js: 声明式UI的革新 React.js:强大、灵活的前端框架 演变之路与未来展望 演变过程 当提到前端开发中的框架时,JavaScript、Vue.js和React.js是三个最常见的名词。它

    2024年02月07日
    浏览(51)
  • 前端配置开发环境,新电脑配置前端开发环境,Vue开发环境配置的详细过程(前端开发环境配置,电脑重置后配置前端开发环境)

    简介:有时候,我们需要在新电脑 或者 电脑重置后,配置前端开发环境,具体都需要安装什么软件和插件,这里来记录一下(文章适合新手和小白,大佬可以带过)。 ✨前端开发环境,需要用到的软件和插件: Chrome Visual Studio Code(vscode)  Node.js(npm / cnpm) Vue CLI (vue-

    2024年03月19日
    浏览(50)
  • 搭建开发环境-Windows

    写C# 的请出去。 然后,Windows 是最好的Linux发行版。搭建开发环境-WSL+Ubuntu

    2024年02月11日
    浏览(46)
  • windows开发环境搭建

    vpn网址: 注册 — 飞讯加速 蓝湖注册: 用户名:手机号。密码:Wlz372628 开发环境搭建: 安装git 要先安装git然后tortoise git才能用。 安装git桌面版,tortoise git, 官网下载即可。 安装cmake,官网下载安装即可: Download CMake 安装migwin: 官网下载压缩包,解压后把bin目录配置到path即可

    2024年02月11日
    浏览(42)
  • 【前端开发环境安装、配置、项目搭建全教程】

    简单的说 Node.js 就是运行在服务端的 JavaScrip,基于 Chrome JavaScript 运行时建立的一个平台,Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境,基于 Google 的 V8 引擎,V8 引擎执行 Javascript 的速度非常快,性能非常好。 1.node.js官网下载:下载地址 2.依据自己电脑Windows、macOS选择安装

    2024年03月13日
    浏览(61)
  • 【ESP32】开发环境搭建(Windows)

    本文章用于记录在 Windows 操作系统下,搭建 ESP32 的开发环境的操作流程。该操作流程记录了如下几个功能的实现与验证: 1、ESP32 程序编译; 2、UART 程序下载; 3、UART 查看 Log 输出; 4、JTAG 接口程序下载; 5、JTAG 单步调试。 ESP-Prog 调试下载器 ESP32_DevKitc_V4开发板(ESP32-WRO

    2024年02月06日
    浏览(83)
  • windows下搭建php开发环境

    http://wed.xjx100.cn/news/139397.html?action=onClick https://www.bilibili.com/read/cv23429835/ https://www.php.cn/faq/498307.html 选择卸载程序 官网https://www.php.net/下载 选择线程安全 国内地址 其他版本的php下载 下载完成后解压放到想存放的路径 添加path环境变量 命令行中输入 php -v Xdebug 要下载与 php 对应

    2024年02月15日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包