1. 安装Nodejs
下载地址Node.js (nodejs.org)
选择适合自己的版本进行安装,安装步骤就不贴了。
2. NPM方法
- 查看版本
npm -v
- 升级 npm
cnpm install npm -g
- 升级或安装 cnpm
npm install cnpm -g
3. 安装和更新
- 安装最新稳定版 vue
cnpm install vue@next
- 全局安装 vue-cli
cnpm install -g @vue/cli
- 安装完后查看版本
vue -V
4. 创建并运行项目
- 使用 vue init 命令来创建一个项目
npm init vue@latest
# 这里需要进行一些配置,默认回车即可
✔ 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.
- 进入并运行
> cd <your-project-name>
> npm install
> npm run dev