使用cmd命令创建Vue项目

 时间:2026-02-13 19:47:00

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项目

  • VSCode如何运行html文件
  • 怎么查看IDEA到期时间?查看IDEA能用多久的方法
  • idea怎么设置为中文
  • 如何查看jdk版本
  • navicat怎么连接mysql
  • 热门搜索
    蚂蜂窝旅游网官网 旅游鞋清洗 湖北旅游线路 云南的旅游景点 广州好玩的旅游景点 上川岛旅游 丽江旅游景点介绍 西宁旅游景点大全 成都清明节旅游 上海到乌镇旅游攻略