美文网首页
创建VUE项目

创建VUE项目

作者: 牛叉叉的秦神 | 来源:发表于2020-11-12 15:52 被阅读0次

    在使用

    npm install -g @vue/cli
    

    安装 CLI之后出现“vue不是内部或外部命令,也不是可运行的程序 或批处理文件”。
    原因主要是当前环境无法找到vue-cli的路径。可以通过

    npm config list
    

    找到prefix配置路径


    image.png

    prefix配置的路径就是npm全局下载的路径。将这个路径添加到我们电脑的环境变量路径中就行了。

    创建vue项目过程:

    vue init webpack project
    

    然后输入项目名称、描述等:


    image.png

    相关依赖安装完成之后,会显示如何启动项目:


    image.png
    分别:
    cd project
    npm run dev
    

    启动项目


    image.png

    然后打开浏览器:

    http://localhost:8080
    
    image.png

    这是项目默认的内容。
    现在开始可以做自己的事啦啦啦~

    相关文章

      网友评论

          本文标题:创建VUE项目

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