Eclipse 使用 CodeMix 插件 开发 Vue.js
转载自: http://www.cnblogs.com/windy-love/p/9522312.html
前言:对比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开发, 靠大家自己摸索啦!
- vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
- vue插件开发 使用pdf.js实现手机端在线预览pdf文档
- 使用Eclipse+RDT插件进行Ruby开发
- 如何在Eclipse中使用Ruby开发工具(RDT)插件进行Ruby开发
- 使用Eclipse+maven3插件开发一个Servlet3.0的简单例子
- 使用EPInfo帮助开发Eclipse插件
- Eclipse开发环境中使用maven插件的配置备忘
- 自己写的文档.使用了下google的eclipse 插件开发gwt
- Java_协同开发之Eclipse上SVN插件Subclipse的使用
- SVN最新可视化版本库安装和Eclipse中使用SVN插件进行团队开发
- 使用ant实现svn管理得eclipse插件开发项目的日构建功能(ant1.7.1+svn1.6.3+eclipse3.4.2)
- Eclipse插件Spket安装使用,像写Java一样写Js
- 使用 Eclipse 的 Maven 2 插件开发一个 JEE 项目
- 使用eclipse开发ssh插件安装
- 使用eclipse编译生成hadoop eclipse开发插件
- 【Eclipse提高开发速度-插件篇】Checkstyle的使用
- 三步实现Eclipse中使用SVN插件进行团队开发和SVN最新可视化版本库安装
- 使用 Apache Derby 开发 Eclipse 插件
- jQuery 中插件的使用与开发---附全部源码(含 jQuery1.3.2 for VS 的智能提示js文件)
- Eclipse平台Plug-in(插件)开发中对于perspectives的使用和设置