Eclipse 使用 CodeMix 插件开发 Vue.js

前言：对比vscode， codemix集成在eclipse插件里面，符合使用习惯

1、下载并安装node.js

　　官网地址： https://nodejs.org/en/ ，当前版本是 node-v8.11.4-x64.msi，安装过程直接默认选项即可。

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

2、下载并安装windows git

　　官网地址： https://www.git-scm.com/downloads，当前版本是Git-2.18.0-64-bit.exe，安装过程直接默认选项即可。

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

3、安装eclipse codemix插件

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

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

4、新建VueProject

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

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

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

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

6、测试终端命令

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

7、安装npm依赖模块

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

8、运行Vue项目

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

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

　　注：转载请注明出处，谢谢！

转载于:https://www.cnblogs.com/windy-love/p/9522312.html

Eclipse 使用 CodeMix 插件开发 Vue.js相关推荐

基于node.js开发环境下创建及开发vue.js项目的环境配置骤
基于node.js开发环境下创建开发vue.js项目的环境配置骤如下: 步骤一:安装node.js,安装完后运行node -v命令检安装node的查版本,判断是否安装成功.Npm是node.js包管理 ...
vue 开发ui库_面向设计师的ui ux开发vue js
vue 开发ui库 Because sometimes we have to add logic to our concepts, and Vue makes it a whole lot easie ...
sublime text3常用插件+开发vue常用的插件
开发vue的常用插件 1.让vue文件高亮: 安装: Vue Syntax Highlight 2.让script里面的es6代码高亮: 安装:ecmascript syntax 安装:vuejs c ...
php图片批量上传插件下载,vue.js图片批量上传插件
vue.js图片批量上传插件是一款基于vue.js框架的图片上传控件,适用于手机端的图片上传代码,支持批量上传,拖到图片上传,显示文件数量和大小等功能 js代码 // import up from ' ...
IDEA开发vue.js卡顿
2019独角兽企业重金招聘Python工程师标准>>> 由于新项目使用了vue.js.在执行cnpm install后会在node_modules这个文件下面生成vue的相关依赖文件 ...
IDEA开发vue.js卡死问题
在执行cnpm install后会在node_modules这个文件下面生成vue的相关依赖文件, 这个时候当执行cnpm run dev命令时,会导致IDEA出现卡死的问题,解决方法如下: 转载于: ...
为Angular（2+）开发人员提供带TypeScript的Vue.js
目录介绍单页应用程序的演变(SPA) 三大框架概述 Angular开发者的Vue.js 学习Vue.js Vue.js页面的剖析构建示例应用程序 TypeScript的案例入门--Vue.js ...
Vue.js 源码目录设计（二）
Vue.js 的源码都在 src 目录下,其目录结构如下. src ├── compiler # 编译相关 ├── core # 核心代码 ├── platforms # 不同平台的支持 ├── se ...
Vue.js@2.6.10更新内置错误处机制，Fundebug同步支持相应错误监控
2019独角兽企业重金招聘Python工程师标准>>> 摘要: Fundebug 的 JavaScript 错误监控插件同步支持 Vue.js 异步错误监控. Vue.js 从诞生至 ...

Eclipse 使用 CodeMix 插件开发 Vue.js

Eclipse 使用 CodeMix 插件开发 Vue.js相关推荐

最新文章

热门文章

Eclipse 使用 CodeMix 插件 开发 Vue.js

Eclipse 使用 CodeMix 插件 开发 Vue.js相关推荐

最新文章

热门文章

Eclipse 使用 CodeMix 插件开发 Vue.js

Eclipse 使用 CodeMix 插件开发 Vue.js相关推荐