eclipse可以开发vue吗?

CodeMix是Eclipse的一款插件,它解锁了VS Code和Code OSS附加扩展的各种技术,支持各种语言,具有Webclipse中您最喜欢的功能(包括带有Live Preview的Terminal +和CodeLive)。此外,CodeMix还与基于Eclipse的IDE和工具兼容(例如MyEclipse、Spring Tools Suite和JBoss Tools),可以让使用者在习惯的环境中继续工作。

步骤

1、下载并安装node.js

官网地址: https://nodejs.org/en/ ,安装过程直接默认选项即可。

安装完成后, 在CMD控制台输入node -vnpm -v,如果都能显示版本号,则是安装成功

2、下载并安装windows git

官网地址: https://www.git-scm.com/downloads,安装过程直接默认选项即可。

安装完成后, 在CMD控制台输入 git --version,如果能显示版本号,则是安装成功

3、安装eclipse codemix插件

打开Eclipse, 选择 Help -->Eclipse MarketPlace,输入 vue 搜索codeminx插件, 点击 install 进行安装,如下图, 安装完成后,会提示重启eclipse,点击重启即可。

Snipaste_2019-12-12_11-45-20.jpg

重启eclipse后会进入到codeminx欢迎页, 直接点击 next, 到最后close就行

4、新建VueProject

选择 File -->New -->Other-->CodeMix-->VueProject,然后点击next 输入项目名, 最后点击finish创建项目, 如下图

Snipaste_2019-12-12_11-45-31.jpg

5、在eclipse中的Vue项目中打开系统终端

先打开项目根目录的任何文件, 比如READFIRST.md 或 README.md, 然后默认使用快捷键 Ctrl + Alt + T 即可打开终端,如下图, 终端目录地址是项目根目录。

Snipaste_2019-12-12_11-45-36.jpg

如果上述快捷键打不开, 则输入 Ctrl + Shift + P 打开搜索框, 输入 terminal关键字查找到 "Open Local Terminal on Selection" 选项,按回车即可打开终端

Snipaste_2019-12-12_11-45-44.jpg

6、测试终端命令

在终端中输入 npm -v 后回车,如果显示版本信息则正常, 如果提示找不到命令, 则重新关闭eclipse并启动即可,如下图:

Snipaste_2019-12-12_11-45-49.jpg

7、安装npm依赖模块

在终端中输入 npm install 后回车,安装完成会生成 node_modules目录,该目录是npm加载的项目依赖模块

8、运行Vue项目

在终端中输入 npm run dev 后回车,则运行Vue项目,之后会自动打开浏览器,显示Vue欢迎页面!

Snipaste_2019-12-12_11-45-54.jpg

至此,codemix插件算是完成安装并测试通过, 后续Vue开发, 靠大家自己摸索啦!

Image placeholder
前端答疑
未设置
  49人点赞

没有讨论,发表一下自己的看法吧

推荐文章
echarts支持vue吗?

echarts支持vue吗?echarts支持vue。可以通过在vue项目的main.js中全局引入echarts,然后将其绑定到vue原型上:importechartsfrom'echarts'Vu

分享一个可视化开发vue框架下的各类ui的web在线表单设计布局器

新手发帖,第一次不小心刷新了一下就没了本人刚入门vue,偶然间发现这款布局器挺好的,可视化开发element所以分享给大家网站地址:http://lowcode.magicalcoder.c...嵌入

亚马逊会收购Oracle吗?

题图来自:channelasia“亚马逊收购Oracle有着非常现实的可能性。”近日,国外一家专门从事数据预测分析的公司Trefis提出了这一惊人的观点。该公司指出“尽管这个想法听起来有些野心勃勃,但

eclipse如何导入vue项目?

eclipse导入vue项目的方法1、首先,我们需要去导入的项目根目录下看一下,是否包含.project和.classpath文件,我这里是没有这两个文件的。这里要注意显示文件夹下的隐藏文件。2、由于

vue引入swiper vue使用swiper vue脚手架使用swiper /引入js文件/引入css文件

vue引入swipervue使用swipervue脚手架使用swiper/引入js文件/引入css文件欢迎加入前端交流群来获取视频资料以及前端学习资料:749539640转载文章请注明出处! 如果只是

Vue命令行工具vue-cli详解

本文将详细介绍Vue命令行工具vue-cli。概述Vue-cli是Vue官方提供的用于初始化Vue项目的脚手架工具。使用Vue-cli有以下几大优势1、Vue-cli是一套成熟的vue项目架构设计,会

Eclipse发布:2019年物联网开发者调查

如果你想了解一项重要技术的未来,那么先看开发人员在做什么。考虑到这一点,在EclipseFoundation对 1700 多名物 联 网开 发 人 员 (pdf) 进行的一项新调查中,可以获得对整个物

.vue文件不写js可以吗?

.vue文件不写js可以吗?.vue文件可以不写js,也可以不写css和html。也就是说一个空的vue文件也能正常使用而不报错。正常情况下,一个.vue文件结构如下: exportdefa

.vue文件中可以写less吗?

.vue文件中可以写less吗?可以写less,但是前提是安装了less和less-loader。下面就简单介绍下载.vue中使用less的方法吧。1、首先使用npm下载依赖;npminstall--

avue和vue是什么关系?

Avue.js是基于现有的element-ui库进行的二次封装,简化一些繁琐的操作,核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景,同时衍生出更多企业常用的组件,达到高复用,

vue1和vue2的区别是什么?

vue1和vue2的区别模板v2每个组件只允许有一个根元素,v1允许一个组件有多个根元素生命周期函数vue1.0周期解释init组件刚刚被创建,但Data、method等属性还没被计算出来create

vue 生成二维码插件 vue-qrcode

链接地址生成二维码安装https://www.npmjs.com/package...npm install --save qrcode.vue在组件中引入 importQrcodeVuefrom

vue源码解读(四)Vue中的异步更新策略

欢迎star我的github仓库,共同学习~目前vue源码学习系列已经更新了6篇啦~https://github.com/yisha0307/...快速跳转: Vue的双向绑定原理(已完成) 说说vu

cli3 使用 vue init 创建项目

背景 使用cli3创建的项目很简洁,如果你想使用webpack模板创建项目,或者习惯用vueinit的方式创建项目怎么办?不用担心,VueCLI>=3和旧版使用了相同的vue命令,所以VueCLI2

apicloud如何打包vue项目?

apicloud如何打包vue项目?APICloud新建项目后,会生成以下目录结构其中index.html是入口文件,而vue-cli打包生成的文件是在dist目录下├─dist │└─static

什么是Vue-CLI?

vue-cli是有Vue提供的一个官方cli,专门为单页面应用快速搭建繁杂的脚手架。它是用于自动生成vue.js+webpack的项目模板,是为现代前端工作流提供了batteries-included

vue-cli3项目打包优化

原始包大小以下主要操作都在文件vue.config.js下进行,如没有此文件,就在项目根目录下新建。1.去掉.map文件 .map文件的作用:项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的

vue-cli是什么?

vue-cli是有Vue提供的一个官方cli,专门为单页面应用快速搭建繁杂的脚手架。它是用于自动生成vue.js+webpack的项目模板,是为现代前端工作流提供了batteries-included

vue-cli怎么安装?

vuecli是有Vue提供的一个官方cli,专门为单页面应用快速搭建繁杂的脚手架。它是用于自动生成vue.js+webpack的项目模板,是为现代前端工作流提供了batteries-included的

有vue基础学react难吗?

React是一个用于前端开发的开源JavaScript库,由Facebook开发。其基于组件的库使您可以为Web应用程序构建高质量的用户界面。vue.js是一个构建用户界面的渐进式框架。采用自底向上增

.net core与vue有区别吗?

.netcore是什么?.NETCore是一个新的开源和跨平台的框架,用于构建如Web应用、物联网(IoT)应用和移动后端应用等连接到互联网的基于云的现代应用程序。.NETCore是适用于window

.vue文件对代码缩进有要求吗?

.vue文件对代码缩进有要求吗?.vue文件对代码缩进没有要求,可以按照自己的喜好或者项目规定进行缩进,编译后生成的文件也相同,没有任何影响。为什么没有要求呢,这是因为一个.vue文件,自上而下,依次

ant design有vue版本吗?

antdesign有vue版本吗?有vue版本,对应的名称为ant-design-vue。在vue项目中使用npmi--saveant-design-vue命令进行安装,然后即可使用。ant-desi

echarts怎么引入到vue中?

准备工作:首先我们初始化一个vue项目,执行vueinitwebpackechart。接着我们进入初始化的项目下,安装echarts,npminstallecharts-S //或 cnpminsta

echarts和vue的区别是什么?

echarts:ECharts,缩写来自EnterpriseCharts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/