Uploads the current theme as the specified theme, or a [development theme](/docs/themes/tools/cli#development-themes), to a store so you can preview it. This command returns the following information: - A link to your development theme at http://127.0.0.1:9292. This URL can hot reload local changes to CSS and sections, or refresh the entire page when a file changes, enabling you to preview changes in real time using the store's data. You can specify a different network interface and port using `--host` and `--port`. - A link to the [editor](/docs/themes/tools/online-editor) for the theme in the Shopify admin. - A [preview link](https://help.shopify.com/manual/online-store/themes/adding-themes#share-a-theme-preview-with-others) that you can share with other developers. If you already have a development theme for your current environment, then this command replaces the development theme with your local theme. You can override this using the `--theme-editor-sync` flag. > Note: You can't preview checkout customizations using http://127.0.0.1:9292. Development themes are deleted when you run `shopify auth logout`. If you need a preview link that can be used after you log out, then you should [share](/docs/api/shopify-cli/theme/theme-share) your theme or [push](/docs/api/shopify-cli/theme/theme-push) to an unpublished theme on your store. You can run this command only in a directory that matches the [default Shopify theme folder structure](/docs/themes/tools/cli#directory-structure).
shopify theme dev [flags]The following flags are available for the `theme dev` command:
env: SHOPIFY_FLAG_HOST
Set which network interface the web server listens on. The default value is 127.0.0.1.
env: SHOPIFY_FLAG_LIVE_RELOAD
The live reload mode switches the server behavior when a file is modified: - hot-reload Hot reloads local changes to CSS and sections (default) - full-page Always refreshes the entire page - off Deactivate live reload
env: SHOPIFY_FLAG_NO_COLOR
Disable color output.
env: SHOPIFY_FLAG_NOTIFY
The file path or URL. The file path is to a file that you want updated on idle. The URL path is where you want a webhook posted to report on file changes.
env: SHOPIFY_FLAG_OPEN
Automatically launch the theme preview in your default web browser.
env: SHOPIFY_CLI_THEME_TOKEN
Password generated from the Theme Access app.
env: SHOPIFY_FLAG_PATH
The path to your theme directory.
env: SHOPIFY_FLAG_PORT
Local port to serve theme preview from.
env: SHOPIFY_FLAG_STORE_PASSWORD
The password for storefronts with password protection.
env: SHOPIFY_FLAG_THEME_EDITOR_SYNC
Synchronize Theme Editor updates in the local theme files.
env: SHOPIFY_FLAG_VERBOSE
Increase the verbosity of the output.
env: SHOPIFY_FLAG_ENVIRONMENT
The environment to apply to the current command.
env: SHOPIFY_FLAG_NODELETE
Prevents files from being deleted in the remote theme when a file has been deleted locally. This applies to files that are deleted while the command is running, and files that have been deleted locally before the command is run.
env: SHOPIFY_FLAG_ONLY
Hot reload only files that match the specified pattern.
env: SHOPIFY_FLAG_STORE
Store URL. It can be the store prefix (example) or the full myshopify.com URL (example.myshopify.com, https://example.myshopify.com).
env: SHOPIFY_FLAG_THEME_ID
Theme ID or name of the remote theme.
env: SHOPIFY_FLAG_IGNORE
Skip hot reloading any files that match the specified pattern.