vue安装脚手架

最新推荐文章于 2025-04-16 09:59:05 发布

靠技术吃饭

最新推荐文章于 2025-04-16 09:59:05 发布

阅读量2.5k

点赞数 12

分类专栏： vue脚手架文章标签： vue.js javascript 前端 vue 前端框架

本文链接：https://blog.youkuaiyun.com/weixin_58131487/article/details/122330237

版权

vue脚手架专栏收录该内容

8 篇文章

订阅专栏

Vue CLI是Vue官方的脚手架工具，简化项目搭建。全局安装后，通过`vue create`创建项目，`npm run serve`启动。Vue版本中，vue.js包含完整功能，vue.runtime.xxx.js缺少模板解析器，需使用render函数。本文档提供了Vue CLI的安装步骤及不同版本Vue的对比。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

脚手架来咯！！！

一、全局安装

二、关于不同版本的Vue

vue CLI (command line interface) 命令行接口文具，熟称脚手架。Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台）。

一、全局安装

第一步：（仅第一次执行）：全局安装@vue/cli

npm install -g @vue/cli

第二步：切换到你想要创建项目的目录，然后使用命令创建项目

vue create XXX

第三步：启动项目

npm run serve

备注：

如出现下载缓慢请配置 npm 淘宝镜像：npm config set registry https://registry.npm.taobao.org
Vue 脚手架隐藏了所有 webpack 相关的配置，若项查看具体的 webpack配置，请执行：vue inspect > output.js

二、关于不同版本的Vue

1. vue.js 与 vue.runtime.xxx.js 的区别：

（1）vue.js 是完整版的 Vue，包含：核心功能+模板解析器。
（2）vue.runtime.xxx.js 是运行版的 Vue，只包含：核心功能；没有模板解析器。

2.因为 vue.runtime.xxx.js 没有模板解析器，所以不能使用 template 配置项，需要使用 render 函数接收到的 createElement 函数去指定具体内容。