创建VUE项目的几种方式


前提:已经安装好了node并且可以使用npm命令

PS D:\vue_pro> node -v

v18.17.1

PS D:\vue_pro> npm -v

> 9.6.7

1. 使用vue-cli2脚手架 vue init webpack my-project
2. 使用vue-cli3脚手架 vue create my-project
3. 使用npm创建 npm init vue@latest
4. 使用vue-cli3命令 vue ui 进入图形界面创建
5. 从github寻找一个适合的vue项目二次开发

安装@vue/cli

1、卸载vue-cli 2.x版本
npm uninstall vue-cli -g

2、安装@vue/cli 3.x版本
npm install -g @vue/cli

3、查看版本号
vue --version 或者 vue -V

vue-cli

官网: cli.vuejs.org/zh/index.ht…

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli

vue-cli 是 Vue 早期推出的一款脚手架,使用 webpack 创建 Vue 项目,可以选择安装需要的各种插件,比如 Vuex、VueRouter等。

vue-cli 用于创建 vue2 的项目;@vue/cli 用于创建 vue3 的项目,当然也支持 vue2。

创建vite项目

兼容性注意
Vite 需要 Node.js 版本 14.18+,16+。然而,有些模板需要依赖更高的 Node 版本才能正常运行,当你的包管理器发出警告时,请注意升级你的 Node 版本。

$ npm create vite@latest

$ yarn create vite

$ pnpm create vite
# npm 6.x
npm create vite@latest my-vue-app --template vue

# npm 7+, extra double-dash is needed:
npm create vite@latest my-vue-app -- --template vue

# yarn
yarn create vite my-vue-app --template vue

# pnpm
pnpm create vite my-vue-app --template vue
cd my-vue-app

npm install
npm run dev
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容