快速构建 Vue,React 项目的脚手架工具,详情请查看脚手架使用指南。
全局安装脚手架工具
npm install lds-app-cli -g
-
lds init
会在命令行所在路径下创建一个名web-app
的文件夹,并且初始话项目。lds init web-app
-
安装项目依赖
cd web-app yarn # 或者 npm install
lds create project_name
会在web-app/src
文件夹下创建一个project_name
的工程,并根据选择的模板类型(Vue,React,普通模板)初始化工程配置文件。
lds create project_name
lds start project_name
启动工程,默认端口为 3000
# 设置端口8080
lds start project_name -p 8080
启动项目后,浏览器将会打开 http://localhost:8080/project_name
,如果直接访问http://localhost:8080
则会访问到开发者列表页面,即web-app/developer/index.html
页面。
lds build project_name
project_name
是相对于web-app/src
的相对路径,例如:先打包路径为web-app/src/example/mini-app
的mini-app
,此时project_name
为example/mini-app
.
lds build project_name
将在项目根目录下创建一个build
文件夹,存放打包后的工程文件。并根据传递的project_name
打包到build
对应的目录中,如果project_name
为example/mini-app
,则最终打包后的路径为build/example/mini-app
。
版本 | 描述 | 备注 |
---|---|---|
v1.0.0 | 发版测试 | |
v1.0.1 | 修复编码格式以及项目依赖问题 | |
v1.0.2 | 增加初始化项目自动安装依赖功能 | |
v1.0.3 | 修复 vuex,redux 热更新问题 |