前提:已经安装好了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