欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Vue中项目的初始搭建过程(图文)

程序员文章站 2022-04-23 13:10:14
...
这篇文章给大家介绍的文章内容是关于Vue中项目的初始搭建过程(图文),有很好的参考价值,希望可以帮助到有需要的朋友。

1、检查环境是否全部安装成功

Vue中项目的初始搭建过程(图文)

2、创建项目

2.1.打开dos命令窗口,使用dos命令转到项目文件夹下:

Vue中项目的初始搭建过程(图文)

2.2.输入创建项目命令:vue init webpack myproject1

创建不同的打包方式第一种情况:

Vue中项目的初始搭建过程(图文)

创建不同的打包方式第二种情况:

Vue中项目的初始搭建过程(图文)

2.3.启动项目,在项目目录下输入启动命令:npm start或者npm run dev

npm start启动命令示例如下:

Vue中项目的初始搭建过程(图文)

npm start启动命令结果示例如下:

Vue中项目的初始搭建过程(图文)

npm run dev启动命令示例如下:

Vue中项目的初始搭建过程(图文)

npm run dev启动命令结果示例如下:

Vue中项目的初始搭建过程(图文)

相关推荐:

Vue和Mock.js一起模拟登录和实现表格的增删改查

Vue中常用的指令总结

以上就是Vue中项目的初始搭建过程(图文)的详细内容,更多请关注其它相关文章!

相关标签: Vue中项目