使用vue创建项目步骤

2019-08-15  本文已影响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/,也可以手动打开浏览器器输 入地址。

图六 图七
上一篇下一篇

猜你喜欢

热点阅读