Idea中配置Vue开发环境

2023-05-16

vue开发环境搭建

1,安装node.js:https://nodejs.org/en/,选择对应的版本下载安装即可。

安装成功后查看版本确认下是否安装成功:

node -v

2,webpack的安装
由于vue-cli是基于webpack的,所以我们要在安装一下webpack,命令行输入: npm install webpack -g 
之后命令行输入:cnpm install vue-cli -g全局下安装,

3,安装手脚架vue-cli


安装访问外网会比较慢,所以这里建议下载淘宝镜像,命令行输入:npm install -g cnpm --registry=https://registry.npm.taobao.org。
之后命令行输入:cnpm install vue-cli -g全局下安装。

注意:在安装过程可能会存在一些警告,是一些版本的问题,可以略过不计
4,

项目创建运行命令

  1. 创建项目 vue init webpack vuecmp
    说明:会在执行命令的目录下直接创建项目

  2. 安装依赖包 cnpm install

  3. 运行项目 cnpm run dev/cnpm start

  4. 打包项目 cnpm run build

  5. IntelliJ IDEA配置VUE开发环境
           上面的几个步骤就已经可以完成vue项目的开发和打包一系列的操作了,方便开发我们一般会使用相关的idea进行开发。我习惯使用intellij idea开发。下面就讲下其配置的几个地方。

    安装插件

  6. 配置js版本

    添加HTML的格式

    项目导入idea
    导入项目

    设置运行/打包命令

    项目发布
    build成功后会生成dist这个文件夹,就是打包后的dist。直接将这个文件夹放到服务器下就可以进行访问了

     

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Idea中配置Vue开发环境 的相关文章

随机推荐

  • Deep SDF 、NeuS学习

    DeepSDF Learning Continuous Signed Distance Functions for Shape Representation xff1a 学习用于形状表示的连续有符号距离函数 NeuS Learning Ne
  • layui 引入方式

    layui xff08 谐音 xff1a 类UI 是一款采用自身模块规范编写的前端 UI 框架 xff0c 遵循原生 HTML CSS JS 的书写与组织形式 xff0c 门槛极低 xff0c 拿来即用 其外在极简 xff0c 却又不失饱满
  • ubuntu20.04安装ROS及常见问题

    ubuntu20 04安装ROS及常见问题 一 ubuntu安装参考 xff08 双系统 xff09 1 ios镜像官网下载地址 xff1a https releases ubuntu com ga 61 2 239339907 18418
  • 在jetson xavier nx上配置orbslam3,带稠密重建

    这里写自定义目录标题 主要记录一下踩过的各种坑 xff0c 包括从配置开发板系统到配置orbslam3一条龙服务 xff0c 带cuda加速的opencv3 4 5开发板刷系统将系统移植到M 2硬盘上Sdkmanager安装cuda cud
  • ROS入门教程(五)—— RViz仿真

    上篇文章我们介绍了URDF文件的导出 xff0c 本文将继上文介绍安装完导出URDF文件后 xff0c 如何在机器人操作系统 ROS 中显示 xff0c 并且让它动起来 目录 前言 RViz机器人模型可视化 launch启动RViz配置文件
  • js几种继承

    提示 xff1a 主要是原型链继承 构造函数继承 原型链加构造函数继承 寄生组合式继承 一 原型链继承 子类想要继承父类的属性和方法 xff0c 可以将其原型对象指向父类的实例 xff0c 根据原型链就可以使用到父类的方法和属性 父类 fu
  • C++ 学习(基础语法篇)

    一 基础语法 1 1 C 43 43 简介 C 43 43 是一种静态类型的 编译式的 通用的 大小写敏感的 不规则的编程语言 xff0c 支持过程化编程 面向对象编程和泛型编程 C 43 43 是 C 的一个超集 xff0c 事实上 xf
  • 数据可视化--实验六:层次和网络可视化、文本可视化

    声明 xff1a 本文CSDN作者原创投稿文章 xff0c 未经许可禁止任何形式的转载 xff0c 原文链接 文章目录 概要实验过程Pyecharts实验结果邮件往来网络图职位树图邮件主题词云图 实验结论 概要 学院 xff1a 计算机科学
  • ssh连接windows10拒绝连接

    第一步 xff1a ssh使用的22端口 xff0c 首先确认windows10的22端口是否开启 开启步骤 1 控制面板 gt Windws Defender 防火墙 gt 高级设置 gt 入站规则 gt 新建规则 2 选择端口 gt 下
  • Jetson TX1 学习1 GPIO

    学习过程中为了防止遗忘 以此文字记录 如有错误 多多包涵 怕什么真理无穷 进一寸有一寸的欢喜 胡适 前置内容 xff1a Jetson GPIO 库 学习目标 xff1a 简单控制 Jetson TX1 官方载板 GPIO 引脚 学习内容
  • It was either not specified and/or could not be found for the javaType (java.util.List) : jdbcType

    在使用MyBatis Plus的时候 xff0c 他会将实体类以及表字段自动关联起来 xff0c 但是当我们想要指定额外的一对多关系的时候 xff0c 例如 xff1a 订单保存的时候同时需要保存订单详情列表 xff0c 此时订单与订单详情
  • WSL安装xfce4图像界面,并通过windows远程桌面登陆

    一 下载xorg xorg为X11的一个实现 xff0c xfce4需要 sudo apt install xrog 二 下载xfce4 sudo apt install xfce4 三 下载xrdp xrdp为远程连接软件 xff0c 默
  • linux 线程池 (C语言实现)

    线程池分为三个部分 xff1a 任务队列工作线程 xff0c N个 xff08 任务队列的消费者 xff09 管理者线程 xff0c 1个 主要实现的函数 xff1a 创建线程池线程池添加任务销毁线程池任务函数 xff08 做什么 xff0
  • javascript之异步操作理解---回调函数,async,await以及promise对象

    javascript之异步操作理解 回调函数 xff0c async xff0c await以及promise对象 概述 概述 写在前面 xff1a 虽然平时做项目 xff0c 但是发现自己写的代码还是很烂 最近接触了一个对性能要求比较高的
  • Linux Ubuntu 查看文件大小 查看磁盘大小

    文章目录 1 查看某个文件的信息 xff08 其中大小以字节B为单位 xff09 2 查看文件夹的大小3 查看磁盘分区的大小参考 xff1a 1 查看某个文件的信息 xff08 其中大小以字节B为单位 xff09 span class to
  • 虚拟化管理服务器(手动安装虚拟机,利用脚本命令安装虚拟机,虚拟机的管理,复制,快照)

    实验环境 xff1a 真机的shell 手动安装虚拟机 xff1a 前提 xff1a 镜像文件已经下载好 xff0c 并要知道其所存放的路径 步骤一 xff1a 在真机的shell 中输入virt manager 进入虚拟化管理 步骤二 x
  • java面试题(仅供参考)

    java面试题 仅供参考 框架阶段 概念宝典 1 自我介绍 P2P网贷项目 4 第三个月 基础框架篇 8 一 基础概念篇 8 1 Get和Post的区别 xff1f 8 2 List Set Collection Collections的区
  • 解决javaweb网站因重定向次数过多无法访问的方法

    解决方法 xff1a 1 Chrome浏览器打开 chrome flags 2 搜索SameSite 3 将SameSite by default cookies 设置为 disabled 4 重启Chrome浏览器
  • 多设备同步课程表,适用于iOS与Android

    声明 xff1a 本文CSDN作者原创投稿文章 xff0c 未经许可禁止任何形式的转载 xff0c 原文链接 关键词 xff1a iCloud日历同步 xff0c RFC 2445 xff0c iCalendar xff0c Outlook
  • Idea中配置Vue开发环境

    vue开发环境搭建 1 xff0c 安装node js xff1a https nodejs org en xff0c 选择对应的版本下载安装即可 安装成功后查看版本确认下是否安装成功 xff1a node v 2 xff0c webpac