经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » Vue.js » 查看文章
脚手架(vue-cli)创建Vue项目的超详细过程记录
来源:jb51  时间:2022/5/9 11:08:06  对本文有异议

cli3.x/4.x创建Vue项目

1.创建项目

  1. vue create vue_project(项目名)

敲击回车,出现以下页面

此处本人一般选择手动配置,因为eslint真的是个很可怕的东西,它对代码格式的严格要求,真的会把人逼疯的,代码有一点点不规范的地方程序都会报错

2.项目手动配置

按空格键选择或取消选择

3.选择vue版本

4.路由模式

第二步如果选择的路由,将会有这一步骤,意思为是否用history模式来创建路由。

此处本人一般选择yes

5.配置文件的存放位置

配置文件是放在独立的配置文件中(选项一),还是放在package.json中(选项二)。

本人一般选择第一个

6.配置保存

是否保存此次配置,用于将来的项目

如果选择yes,那么在之后创建项目时,在第一步中,选项除了两个默认配置和手动配置外,还将增加此次的配置。

选择yes,为此次配置自定义一个名称,用于之后的选择;选择no将没有这一步。

保存配置为test,在之后创建项目时,就可以看见我们的这一配置选项了。

项目创建成功

打开终端,进入项目文件夹(上面创建项目时名字为vue_project,因为一些原因,本人又把项目名改成了vue_test,大家根据自己的项目名进行修改即可),然后运行项目(npm run serve)

![在这里插入图片描述](https://img-blog.csdnimg.cn/d3d1bda7acba4f0094ea678173b9ae37.png

运行项目成功,点击链接在浏览器查看项目

总结 

到此这篇关于脚手架(vue-cli)创建Vue项目的文章就介绍到这了,更多相关脚手架vue-cli创建Vue内容请搜索w3xue以前的文章或继续浏览下面的相关文章希望大家以后多多支持w3xue!

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号