th-vue-cli

TH专用前端vue脚手脚，用于初始化前端项目框架。

安装node版本管理工具

安装前先卸载已安装的nodejs

1、下载

nvm-setup.zip vscode

2、配置

修改或创建文件：nvm安装目录/settings.txt 添加以下内容：

  node_mirror: https://npm.taobao.org/mirrors/node/ 
  npm_mirror: https://npm.taobao.org/mirrors/npm/

3、常用命令

  # 列出所有可以安装的node版本
  nvm ls-remote
  # 列出所有已经安装的node版本
  nvm ls
  # 安装指定版本号的node
  nvm install v12.18.1
  # 切换node的版本
  nvm use v12.18.1
  # 设置node的默认版本
  nvm alias default v12.18.1
  # 查询当前使用的node版本
  node -v

安装th-vue脚手脚

1、全局安装

  npm i th-vue-cli -g

查看帮助：

• 在终端输入th-vue or th-vue -h

  Usage: th-vue <command>


  Commands:

    add       添加模板
    delete    删除模板
    list      查看模板列表
    init      根据模板编译一个新的项目

  Options:

    -h, --help     output usage information
    -V, --version  output the version number

2、终端指令

• 添加模板

th-vue add

• 删除模板

th-vue delete

• 列出所有模板

th-vue list

内置模板：

  {
    "default": "https://github.com:ywzhou123/th-vue-template#default", // 默认的vue2项目模板
    "cdn": "https://github.com:ywzhou123/th-vue-template#cdn", // vue2 cdn模式 项目模板
    "pages": "https://github.com:ywzhou123/th-vue-template#pages", // vue2多页应用 项目模板
    "vue3": "https://github.com:ywzhou123/th-vue-template#vue3", // vue3 项目模板
    "vue2ts": "https://github.com:ywzhou123/th-vue-template#vue2ts", // vue2+typescript 项目模板
    "vue3ts": "https://github.com:ywzhou123/th-vue-template#vue3ts", // vue3+typescript 项目模板
    "vue2micro": "https://github.com:ywzhou123/th-vue-template#vue2micro", // vue2微前端 项目模板
    "vue3micro": "https://github.com:ywzhou123/th-vue-template#vue3micro", // vue3微前端 项目模板
    "qinkun": "https://github.com:ywzhou123/th-vue-template#qinkun" // 微前端qinkun主框架
  }

• 初始化模板项目

th-vue <template-name> [project-name]

模板名称可不填，默认使用default模板

参考