CentOS - 安装配置Vue.js环境
文章目录一、安装Node.js环境1. 准备Node.js环境文件2. 配置全局环境3. 验证一下二、安装Vue.js环境1. 设置国内镜像源2. 全局安装Vue客户端3. 验证一下三、创建一个项目1. vue create2. 使用图形化界面四、学习资料
·
模块 | 地址 | 备注 |
---|---|---|
前置依赖 | CentOS - 安装配置Node.js环境 | |
前置依赖 | CentOS - NPM的使用介绍 |
一、安装Vue.js环境
关于旧版本
Vue CLI 的包名称由vue-cli
改成了@vue/cli
。 如果你已经全局安装了旧版本的vue-cli
(1.x 或 2.x),你需要先通过npm uninstall vue-cli -g
或yarn global remove vue-cli
卸载它。
Node 版本要求
Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-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 快速原型开发 |
更多推荐
已为社区贡献1条内容
所有评论(0)