创建vue初始化项目方式:

110 阅读1分钟

第一种:全局安装

npm install -g @vue/cli
# OR
yarn global add @vue/cli
vue --version  // 检查其版本是否正确

创建项目:

vue create my-project

第二种:局部安装

npm uninstall -g @vue/cli
yarn global remove @vue/cli`

vue3.0局部安装: npm install @vue/cli(不加-g,代表是局部安装, 反之npm install -g @vue/cli为全局安装)

image.png

第三种:不需要预先安装任何全局依赖

npm 会自动下载并执行 create-vue 包,这是 Vue CLI 的一部分,用于创建新的 Vue 项目。这个过程是临时的,只在当前命令执行时使用 create-vue 包,并不会在你的系统上留下全局安装的痕迹。

npm create vue@latest
npm create vue@5.0.0
cd <your-project-name>
npm install
npm run dev

其他:

npx @vue/cli create <项目名>
npx @vue/cli create <项目名> --template vue2
npx -p @vue/cli vue create my-project
## OR
npx create-vite-app my-project

image.png npx -p @vue/cli vue create name测试:不要事先安装vue情况下,临时创建vue初始化项目【依赖网络环境,不适合离线开发,局部安装适合】