zl程序教程

您现在的位置是:首页 >  前端

当前栏目

如何创建一个Vue项目(手把手教你)

Vue项目 如何 一个 创建 手把手
2023-09-14 09:07:25 时间

前提安装好了开发环境、如果未安装好。请安装好后、来看

1、管理员身份打开窗口

在这里插入图片描述

2、找到要存放项目的地址

在这里插入图片描述

3、初始化项目

vue init webpack SCI

如果连接公司内网(可能失败)
在这里插入图片描述
在这里插入图片描述


4、填写项目的一些基本信息

这些安装的可以都不选、后期需要哪一部分直接npm就行、很方便。文件名要小写,否则报错

在这里插入图片描述

5、进入工程目录

cd sci

在这里插入图片描述

6、启动项目

npm run dev

在这里插入图片描述

7、页面效果

在这里插入图片描述

8、查看创建的项目

在这里插入图片描述

9、引入第三方库

常用的axios、elementui、vuex、avux等等。都可以通过npm 的形式加入的项目中(尽量使用管理员来执行这些命令、否则可能会提示权限不足、安装失败的情况)

10、后语

学无止境。。。。。。