POST

Svelte—创建项目

2022/06/24 Svelte 共 645 字，约 2 分钟

开发环境要求

  • Node版本 >= 12.2.0
  • npm版本 >= 6

初始化一个 Svelte 项目

官方脚手架

  • 安装 degit npm install -g degit

  • 使用 degit 创建项目 degit sveltejs/template your-project

  • 安装项目依赖

    cd your-project
npm install
npm run dev

degit 创建的项目默认使用 rollup 打包和编译

目录结构

│  .gitignore
│  package-lock.json
│  package.json
│  README.md
│  rollup.config.js
|
├─public
│  │  favicon.png
│  │  global.css
│  │  index.html
│  │  
│  └─build
│          bundle.css
│          bundle.js
│          bundle.js.map
│          
├─scripts
│      setupTypeScript.js
│      
└─src
        App.svelte
        main.js

配置

脚手架创建的项目默认使用 JS，若要使用 TS，执行命令 node scripts/setupTypeScript.js

执行完成后会删除 scripts 文件夹，需要重新安装 node_modules 包

TS 目录结构

│  .gitignore
│  LICENSE
│  package.json
│  README.md
│  rollup.config.js
│  tsconfig.json
│  
├─.vscode
│      extensions.json
│              
├─public
│          
└─src
        App.svelte
        global.d.ts
        main.ts
Svelte