实际的学习经验,看看CodeMix网络学习!
Vue亮点
智能感知
一个单一的.vue文件的HTML标记、CSS样式和JavaScript代码开发Vue组件方便。你得到预期的语法高亮显示,代码片段,并为每个部分内容辅助。智能感知是意识到自己的组件的模型(数据、属性等)和建议包括这些实体在适当的地方,加上Vue完成特定属性的标记。
Eclipse氧+ CodeMix + Vetur扩展
导航
高效的代码导航的重要性不能被夸大。使用快速打开(Ctrl + P
),然后类型@
毫不费力地跳到你的javascript代码的不同部分方法和字段,CSS样式和HTML元素。你也可以跳转到相关Vue组件。
Eclipse氧+ CodeMix +DevStyle+ Vetur & Vue Peek扩展
新Vue项目向导
去File > New > Project > CodeMix Vue Vue模板创建一个新的项目,并选择项目。向导可以轻松地开始一个新项目,甚至安装任何缺失的Vue扩展。
新的CodeMix Vue项目向导
验证和产品毛羽
除了抓语法错误在代码中,ESLint安装扩展,其中一些可以自动纠正。这么简单的东西错误的引用或缩进,陷阱就像丢失的关键属性,函数的副作用,甚至错误地定义组件,ESLint可以帮助您在开发周期的早期捕获错误。
Eclipse氧+ CodeMix + Vetur & ESLint扩展
构建和调试
构建您的应用程序开发或生产与集成npm命令是很容易的。与开发建设运行,修改你的代码会立即同步运行的应用程序,而不需要重新启动建设。
这是简单的单步调试代码,检查变量vue或. js文件。
Eclipse氧+ CodeMix + Vetur npm,调试器扩展