vue-cli3怎么快速自动创建vue前端项目开发工程

vue-cli3怎么快速自动创建vue前端项目开发工程?这是我们经常会遇到的问题 。如何解决这个问题呢?接着往下看ie小编为您带来的快速自动创建vue前端项目开发工程步骤一览 。

vue-cli3怎么快速自动创建vue前端项目开发工程


【vue-cli3怎么快速自动创建vue前端项目开发工程】方法/步骤分享:
1. 参考经验升级vue-cli2到3,或者自己安装最新版本:http://jingyan.baidu.com/article/0a52e3f46fffdbff62ed72da.html
vue-cli3怎么快速自动创建vue前端项目开发工程


2、2. 创建好项目后,打开控制台,输入命令如下:vue create vue-zhh-worl-tool-2
vue-cli3怎么快速自动创建vue前端项目开发工程


3、3.步骤2后,出现如图的选择界面,使用方向键进行选择,选择如图所示的 Manually select features 后,按下回车键
vue-cli3怎么快速自动创建vue前端项目开发工程


4、4. 后续步骤中勾选如图所示的内筒(*) Router(*) Vuex(*) CSS Pre-processors( ) Linter / Formatter(*) Unit Testing
vue-cli3怎么快速自动创建vue前端项目开发工程


5、5. 进入到如图所示的指导页面,按下回车键进行自动搭建
vue-cli3怎么快速自动创建vue前端项目开发工程


6、6. 出现如图所示的命令,第一个是定位到项目的文件夹路径下,第二个是运行项目的命令
vue-cli3怎么快速自动创建vue前端项目开发工程


7、7. 运行命令: npm run serve,结果显示如图所示,表示运行成功 。打开浏览器输入http://localhost:8080/ 查看网页即可
vue-cli3怎么快速自动创建vue前端项目开发工程


8、8. 如果您觉得有用,记得在下方点击投票、点赞、关注、留言,小编会定期奉上更多的惊喜哦,您的支持才是小编继续努力的动力,么么哒 。
vue-cli3怎么快速自动创建vue前端项目开发工程


上文就是小编为您带来的快速自动创建vue前端项目开发工程步骤一览了,若还有疑问请多多关注IE浏览器中文网站!

    推荐阅读