18910140161

如何用vue cli创建一个项目:vue环境搭建以及使用vue-cli创建项目

顺晟科技

2022-09-23 10:47:52

103

我要跑vue项目,所以我要搞vue。

1、环境搭建

进入node官网下载对应版本的node,一步步安装即可。

在这里插入图片描述

安装会自动配置路径和npm包管理环境,通过node -v进行验证

在这里插入图片描述

2、安装vue-cli脚手架

Vue CLI文档:https://cli.vuejs.org/zh/guide/

# 卸载旧版本
npm uninstall vue-cli -g
# 指定地址安装,加快速度
npm install -g @vue/cli --registry=https://registry.npm.taobao.org

在这里插入图片描述

安装完成后,进行验证

vue
vue --version

在这里插入图片描述

完成上面的步骤后,我们就可以使用vue-cli新建项目。

3、使用vue-cli新建项目

3.1 图形化界面创建项目

使用vue ui命令,会打开一个网页

C:\Users\lxp>vue ui
            
                
                   
                  
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航