手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

使用cmd命令创建Vue项目

时间:2024-10-12 08:42:49

1、创建文件,以管理员身份打开命令行界面,进入任意一个想要创建项目的文件夹输入vue create vue01如下图所示:

使用cmd命令创建Vue项目

2、选择配置信息,通过上下方向键选择对应配置,然后回车,如下图所示:

使用cmd命令创建Vue项目

3、按空格键选择要安装的配置资源,带 * 号说明被选上了,如下图所示:

使用cmd命令创建Vue项目

4、选择版本,上下方向键选择版本,这里我们选择vue2,然后回车,如下图所示:

使用cmd命令创建Vue项目

5、路由模式选择,这里可以不用管,直接输入no/n,如下图所示:

使用cmd命令创建Vue项目

6、语法代码格式检查,代码检查,选标准的就行,方向键切换,空格键选择然后回车,如下图所示:

使用cmd命令创建Vue项目

7、代码检查时间,方向键切换,空格键选择然后回车,如下图所示:

使用cmd命令创建Vue项目

8、三方文件存在的方式1.独立的文件2.综合的,如下图所示:

使用cmd命令创建Vue项目

9、是否保存本次配置信息(保存预设)这里如果选择保存的话,就要输入名字,默认就是文件夹的名字,下次配醅呓择锗置的时候就会显示这个文件配置的选项就像上面的一样,在配置的时候会多出来一个,如下图所示:

使用cmd命令创建Vue项目

10、创建成功Successfully created project vue01出现这个说明首疏扌熘创建成功,如下图所示:

使用cmd命令创建Vue项目

11、运行cd到项目文件夹下面cd vue01,如下图所示:

使用cmd命令创建Vue项目

12、输入代码运行文件npm run serve,如下图所示:

使用cmd命令创建Vue项目

13、启动,在浏览器输入对应的网址就可以看到界面,如下图所示:

使用cmd命令创建Vue项目

14、停止服务,两下Ctrl+C 或者Ctrl+C一下然后Y,如下图所示:

使用cmd命令创建Vue项目
© 手抄报圈