美文网首页
使用vue创建项目步骤

使用vue创建项目步骤

作者: 茉茉杨 | 来源:发表于2019-08-15 14:48 被阅读0次

    1、win+r   输入cmd   输入node -v  回车

                                      输入npm -v  回车

                                      输入vue -V 回车

    <由于 npm 网站在国内速度非常慢,所以用了 淘宝的镜像 >

    出现版本号即安装成功。如下图:

    图一

    2、webpack 安装 (原文链接)

        全局安装:npm install webpack webpack-cli -g

        推荐在项目中安装:npm install webpack webpack-cli --save-dev

                                         npm install webpack webpack-cli -D   以上两个命令是等同的

        指定版本安装:npm install webpack@4.1.6 -D

        查看项目中指定版本号:npm webpack -v

    3、cnpm install-g vue-cli    如下图:    //-g表示全局安装,vue-cli是模块

    图二

    4、创建一个基于"webpack"的项目,后面是项目名 :my-item;然后一路回车;如下图:

    图三

    5、进入my-item项目;如下图:

    图四

    6、在项目里面安装  cnpm install ;

    7、运行测试 cnpm run dev;如图五

    图五

    8、出现下图样 表示成功;一般流览器会自动跳转出界面http://localhost:8080/,也可以手动打开浏览器器输 入地址。

    图六 图七

    相关文章

      网友评论

          本文标题:使用vue创建项目步骤

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