美文网首页
安装vue-cli并启动创建项目

安装vue-cli并启动创建项目

作者: GaoXiaoGao | 来源:发表于2020-09-09 13:19 被阅读0次

    1.本人使用的是windows环境,安装vue-cli命令如下

    npm install -g vue-cli (安装前需要电脑安装好node.js)
    命令行回车后等一会就安装好了


    install-vue-cli.PNG

    2.vue-cli是否安装成功测试

    在命令窗口打一下vue回车,如果安装成功会看到如下信息


    install_success.PNG

    3.例如要使用webpack模板,可以通过init命令来安装,如下

    vue init webpack xxxx(项目名字)
    

    安装过程中会询问是否要安装一些东西,可以选择性安装如下图


    webpack.PNG

    安装完成后,一般会弹出提示怎么运行项目,如下

     cd  test(项目名称)
      npm run dev
    

    3.安装依赖并运行项目

    在项目根目录下运行以下命令,安装依赖,安装完后会多一个叫node_modules的文件夹
    npm install
    运行项目使用命令
    npm run dev

    运行后在命令窗口看到,说明运行成功了

    Your application is running here: http://localhost:8080
    

    可以在浏览器中输入http://localhost:8080回车查看运行的项目

    相关文章

      网友评论

          本文标题:安装vue-cli并启动创建项目

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