美文网首页vue
新建一个vue项目的整个流程

新建一个vue项目的整个流程

作者: 9979eb0cd854 | 来源:发表于2018-08-07 22:15 被阅读33次

    目标:新建一个vue项目,名字叫vuedemo02

    一.先看看这两张图片,作为重要参考,然后我们再正式开始
    image.png
    image.png

    二.正式开始

    1.vue-cli已经安装好了(可以cmd里输入vue-cli -v查看是否已经安装),所以直接开始第二步的初始化项目

    打开cmd,或者powershell

    1. 我要在哪个文件夹下新建,就cd到那里.

    (1)cd E:

    (2)cd E:\myVueProject

    3.初始化一个vue项目:输入vue init webpack vuedemo02


    image.png

    6、启动项目,输入:npm run dev。服务启动成功后浏览器会默认打开一个“欢迎页面”,如下图:


    image.png

    相关文章

      网友评论

      • 慧灵儿:不知道你写这个有什么用?你有考虑读者的需求吗
        98c9d098b882:别说话,我们就看看。:grin:

      本文标题:新建一个vue项目的整个流程

      本文链接:https://www.haomeiwen.com/subject/llszvftx.html