欢迎光临散文网 会员登陆 & 注册

Vue 脚手架的安装

2023-02-14 22:57 作者:如果我是泡橘子  | 我要投稿

1、配置 npm 淘宝镜像

如果出现

先到下载安装 node.js (官网:https://nodejs.org/en/)

一直点击下一步就好了

命令行输入

输出如下即为安装成功

然后重新配置淘宝镜像

配置淘宝镜像

2、重新打开命令行窗口,全局安装 @vue/cli

安装完毕

脚手架安装成功

如果卡住了可以敲回车继续安装

3、切换到所要创建项目的目录下打开命令行,使用命令创建项目

创建 demo 项目

选择所要使用的 Vue 的版本

  • babel:专门用于 ES6 转 ES5

  • eslint:用于语法检查

成功创建 demo 项目

项目创建成功

4、切换到项目目录下,启动服务器

输出结果如下:

直接访问 Local 的网址就可以了

  • Network 的地址用于同局域网的其他人访问

页面效果如下

Hello World示例

到此,脚手架安装成功,并且访问了一个 Vue 示例程序 Hello World

Vue 脚手架的安装的评论 (共 条)

分享到微博请遵守国家法律