vscode开发angular4项目文件创建小技巧

之前开发angular2时候对于文件的创建总是很恶心，每一个组件都要建个文件夹然后里面再放三个同名的ts，scss,html文件，点三次创建，一个名字打三遍，之前一直没时间研究，今天想写一个vs插件，奈何水平不够搞不定，先弄个脚本实现了，总之还是能用的，比之前好了点，虽然也要配置一下东西吧，现在贴出来和大家分享一下，如果哪位大神有更好的方法还请指点一二：

首先写了个Python脚本，这个没有限制，什么语言都行，只要能操作文件，如下：

import os


def nsfile(s, ser):
    # 获取当前工作路径并设置添加文件夹名，此处根据地址自行修改，因为只针对angular，所以写死了src/app部分
    dirfiles = os.getcwd() + "\\src\\app\\" + s
    # print(dirfiles)
    # 判断文件夹是否存在，如果不存在则创建
    b = os.path.exists(dirfiles)
    
    if b:
        print("File Exist!")
    else:
        os.mkdir(dirfiles)
#一般只需要创建三个文件，但是偶尔会有同名服务文件，所以添加了一个选择
    if ser:
        n = 4
        arr = [".component.html", ".component.ts", ".component.scss",".service.ts"]
    else:
        n=3
        arr = [".component.html", ".component.ts", ".component.scss"]

   
    # 生成文件
    for i in range(n):
        # for i in range(1,3)
        fileType = dirfiles + "\\" + s + arr[i]
        # a:以追加模式打开（必要时可以创建）append
        f = open(fileType, 'a')
        f.close()
        # 输出第几个文件和对应的文件名称
        print("file" + str(i) + fileType)

    print("ALL Down")


if __name__ == '__main__':
    fname = input("请输入需要生成的文件名：")

#这里其实输什么都行的啦
    fser = input("创建服务文件请扣1：")
    nsfile(fname,fser)

然后是下一步，找到vs工具栏中的“任务”一项中的配置任务，进行配置：

{

// See https://go.microsoft.com/fwlink/?LinkId=733558

// for the documentation about the tasks.json format

"version": "2.0.0",

"tasks": [

{

"label": "cd ..",

"type": "shell",

"command": "C:",

"group": {

"kind": "build",

"isDefault": true

}

},

{

"label": "创建组件文件",

"type": "shell",

"command": "\\Users\\Administrator\\Desktop\\共享\\web2\\案例\\create.py",

"group": {

"kind": "build",

"isDefault": true

},

"problemMatcher": []

}

]

}

因为这个操作是基于我python脚本的，也就是说cmd中执行命令会有路径问题，所以上面先创建了一个cd路径到c盘的任务，我的文件在c盘里，然后第二个任务接上，isDefault设置为默认生成任务，运行任务时选择“创建组件文件”task会先运行上面的cd路径的任务，这样就可以在任意路径下使用，不用总复制脚本了。任务运行后会在控制台索取你要创建的组件名，需要服务文件的话就再随便填一个参数就行了

补充：最近再次翻看，发现官方果然已经是有创建文件相应操作的，详情请移步高效创建ionic3组件文件