除了全局安装,还有哪些安装Vue的方式?
时间: 2024-12-18 20:19:02 浏览: 5
除了全局安装 Vue(通常使用 `npm install -g vue` 或者 `yarn global add vue`),还可以采用以下几种方式在项目中安装:
1. **局部安装** (推荐):在项目的 `package.json` 文件中添加 `"dependencies"` 或 `"devDependencies"` 属性,然后运行 `npm install vue` 或 `yarn add vue`。这样安装的 Vue 只会在当前项目中使用。
```json
// package.json
{
"dependencies": {
"vue": "^3.0.0"
}
}
```
2. **使用 CDN**:直接从 CDN 引入 Vue 的 minified 版本到 HTML 文件中,适合开发环境快速试用。
```html
<script src="https://cdn.jsdelivr.net/npm/vue@3"></script>
```
3. **脚手架工具**:如 `vue-cli` 安装后创建新项目时,会自动将 Vue 引入并配置好。另外,`Vite` 和 `Preset Create Vue App` 这样的前端构建工具也支持按需引入 Vue。
4. **模块化导入**:如果你在支持 ES6 模块的语言环境中,比如 Node.js 里,你可以直接导入 Vue 模块:
```javascript
import Vue from 'vue'
```
阅读全文