其他分享
首页 > 其他分享> > 安装及创建一个vuecli项目

安装及创建一个vuecli项目

作者:互联网

安装及创建一个vuecli项目

环境准备

安装vue-cli

推荐官网下载:https://nodejs.org/en/download/,下载自己需要的版本。

在这里插入图片描述
安装完nodejs之后了,因为node,js的官网是在国外,建议安装个Node.js淘宝镜像加速器(cpnm)

npm install cnpm -g
# 或者使用如下语句解决npm速度慢的问题
npm install --registry=http://registry.npm.taobao.org

最好使用管理员身份打开命令行界面
在这里插入图片描述
在这里插入图片描述
查看node的版本使用

node -v

在这里插入图片描述
安装vue-cli

npm install -g @vue/cli

在这里插入图片描述
安装成功之后,可以使用vue --version查看版本在这里插入图片描述
安装完成

搭建项目

可以使用命令行界面创建,也可以使用PowerShell搭建

在这里插入图片描述
首先目录切换到要你文件要放到的目录
在这里插入图片描述
然后进行创建项目

vue create 项目名字‘
等一会之后会进入下面这个页面,可以选择vue2,vue3或者手动选择功能
空格为确定
这里笔者选择手动创建

在这里插入图片描述
选择自己需要用到的功能,空格是选择和取消,回车是创建
在这里插入图片描述
然后选择vue版本
在这里插入图片描述
选择配置文件,及是否为模板,可以视情况而定
之后选择配置文件的
之后回车,开始创建
在这里插入图片描述
创建完成
在这里插入图片描述
目录下的文件
在这里插入图片描述
启动项目
在这里插入图片描述
启动成功
在这里插入图片描述
在这里插入图片描述

标签:vuecli,npm,vue,node,创建,js,安装
来源: https://blog.csdn.net/qq_46038405/article/details/122772477