Vue cli

1.应用场景

用于快速构建开发环境, 快速开始vue的前端开发

2.学习/操作

2.1 安装

1.打开官网

https://cli.vuejs.org/zh/

安装要求:

2. 这里使用npm方式

备注:

安装node.js, 同时会安装npm, 详见https://blog.csdn.net/william_n/article/details/103764339

3. 执行安装vue/cli

4. 安装成功

5. 确认安装成功, 输入vue --version 回车

可知, 已经安装成功.

2. 使用 //请参考官网文档

1. 创建项目[这里以demo为例] //目录建议选择web根目录, 这里并不是

输入 vue create vue-demo 回车

2. 出现提示: 目前连接到npm默认仓库[国外], 速度较慢, 是否为了更快的速度, 选择使用淘宝镜像仓库 ?

推荐输入: Y, 出现下方界面

3. 推荐暂时选择default默认, 直接回车即可.

4. 创建过程与结果

可知, 创建成功.

5. 进入项目目录下, 启动服务

cd vue-demo

npm run serve

打开浏览器输入： http://localhost:8080/ 回车即可 [有时候自动化工具并不是那么完美]

...

后续补充

...

3.问题/补充

1. 安装过程至结束, 出现一些warning提示, 什么原因, 如何处理?

TBD

4.参考

https://time.geekbang.org/course/detail/163-86428

https://cli.vuejs.org/zh/ //cli官网[中文]

https://cli.vuejs.org/zh/guide/ //官方文档详见

后续补充

...

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/william_n/article/details/104517203
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-03-01 23:10:01
阅读 ( 994 )
分类：前端

Vue cli

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看