Sublime配置vue前端项目构建

最新推荐文章于 2024-07-24 11:13:53 发布

mcx1230

最新推荐文章于 2024-07-24 11:13:53 发布

阅读量654

点赞数

分类专栏： Soft 文章标签：前端 sublime text vue.js 编辑器一键

本文链接：https://blog.csdn.net/mcx1230/article/details/121992462

版权

本文介绍了如何在Sublime Text中配置Vue前端项目，包括主要涉及的技术如vue、webpack和nodejs，以及安装的插件如A File Icon、Vue Syntax Hilight等。通过新建编译系统和设置项目，实现了在Sublime中单窗口编译和运行Vue项目的目标。

摘要由CSDN通过智能技术生成

1. 前端项目主要技术

2. Sublime插件

3. Sublime实现单窗口构建

1. 前端项目主要技术

vue

webpack

nodejs

2. Sublime插件

A File Icon

Better Less

HTML-CSS-JS Prettify

Pretty JSON

MarkDown Extendede

Vue Syntex Hilight

Vuejs Sbippets

3. Sublime实现单窗口构建

实现单窗口构建的根本是能够通过SublimeText菜单中的编译接口，实现编译vue项目的目的。

3.1 菜单选择“工具-编译系统-新建编译系统”；添加如下内容，保存文件名即为编译系统的文件名

{
    "cmd": "C:/Program Files/nodejs/npm.cmd run dev",
    "file_regex": "^(..[^:]*):([0-9]+):?([0-9]+)?:? (.*)$",
    // path添加CMD和Node的环境变量 用于配置第一行命令运行的临时环境
    "path":"C:/Windows/System32/;C:/Program Files/nodejs/",
    "selector": "package.json",
    "working_dir"