美文网首页
使用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