快速开始vue

一:确保你安装了最新版本的 Node.js,然后在命令行中运行以下命令 (不要带上 > 符号):

npm init vue@latest

这一指令将会安装并执行 create-vue,它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示:

✔Project name:…<your-project-name>

✔Add TypeScript?…No/ Yes

✔Add JSX Support?…No/ Yes

✔Add Vue Router for Single Page Application development?…No/ Yes

✔Add Pinia for state management?…No/ Yes

✔Add Vitest for Unit testing?…No/ Yes

✔Add Cypress for both Unit and End-to-End testing?…No/ Yes

✔Add ESLint for code quality?…No/ Yes

✔Add Prettier for code formatting?…No/ Yes

Scaffolding project in ./<your-project-name>...

Done.

如果不确定是否要开启某个功能,你可以直接按下回车键选择 No。在项目被创建后,通过以下步骤安装依赖并启动开发服务器:

二:切换到新建的项目文件夹

cd <your-project-name>

三:安装依赖

npm install

四:运行项目

npm run dev

五:当你准备将应用发布到生产环境时,请运行:

npm run build

此命令会在 ./dist 文件夹中为你的应用创建一个生产环境的构建版本。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容