模块地址备注
前置依赖CentOS - 安装配置Node.js环境
前置依赖CentOS - NPM的使用介绍

一、安装Vue.js环境

  官网教程

关于旧版本
Vue CLI 的包名称由vue-cli改成了@vue/cli。 如果你已经全局安装了旧版本的vue-cli(1.x 或 2.x),你需要先通过npm uninstall vue-cli -gyarn global remove vue-cli卸载它。

Node 版本要求
Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvmnvm-windows 在同一台电脑中管理多个 Node 版本。

1. 全局安装Vue客户端

# -g 代表全局安装
[nangy@nangy-vm node]$ npm install -g @vue/cli

2. 验证一下

[nangy@nangy-vm node]$ vue --version
3.11.0

二、创建一个项目

  官网教程:创建一个项目

1. vue create

[nangy@nangy-vm vueProjects]$ vue create hello-world

  你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset,也可以选“手动选择特性”来选取需要的特性。

2. 使用图形化界面

  你也可以通过vue ui命令以图形化界面创建和管理项目

[nangy@nangy-vm vueProjects]$ vue ui

  上述命令会打开一个浏览器窗口,并以图形化界面将你引导至项目创建的流程。

三、学习资料

学习地址备注
Vue.js 教程
Vue CLI 介绍
Vue CLI 快速原型开发

Logo

前往低代码交流专区

更多推荐