一、环境准备
1、安装node
node官网:https://nodejs.org/zh-cn
1.1、打开官网,选择“下载”。
1.2、选择版本号,选择系统,根据需要自行选择,上面是命令安装方式,下载是下载安装包。
1.3、检查node安装是否成功
node -v
npm -v
显示版本号说明安装成功
二、搭建vue环境
1、全局安装vue-cli
npm install -g @vue/cli
2、检查安装是否成功
vue --version
显示版本号说明安装成功
三、创建项目
1、用vue资源管理器创建
1.1、进入vue资源管理器界面(vue ui界面)
运行的时候不能关闭cmd窗口,不然就停止服务了
vue ui
1.2、创建项目
1.3、选择项目创建路径
1.4、填写项目信息
1.5、选择vue版本预设,或者选择自定义预设。
1.6、启动项目
1.6.1)选择“任务”>“serve”>“运行”
2、用cmd命令创建项目
2.1、创建文件
进入任意一个想要创建项目的文件夹,地址栏输入cmd,回车
输入:vue create test01
2.2、选择配置信息
通过上下方向键选择对应配置,然后回车
2.3、创建成功
Successfully created project test01出现这个说明创建成功
2.4、启动
进入到项目文件夹下面,打开cmd,输入代码运行文件
npm run serve