美文网首页
自己的第一个vue-cli+vue-router+es6+web

自己的第一个vue-cli+vue-router+es6+web

作者: a造梦 | 来源:发表于2017-07-26 17:40 被阅读0次

    在做这个项目之前需要做一些安装准备工作:

    1、去官网下载node.js

    链接:http://nodejs.cn/

    2、检查是否安装成功

    在DOM控制台输入  node -v 和 npm -v 来检验是否安装成功,出现版本号就是安装成功

    3、开始安装 vue-cli

    使用国内镜像会更快一些,在安装过程中耐心等待就好   

    npm install -g cnpm --registry=https://registry.npm.taobao.org

    同样可以使用cnpm -v查看是否安装成功

    cnpm install -g vue-cli  开始安装vue-cli  可以使用vue -V(注意 V 大写)查看是否安装成功

    4、生成项目

    vue init webpack Vue-Project

    5、然后进入项目目录(cd eleme-master),使用 cnpm 安装依赖

    这里有一些点要注意:第一必须要进入到你要运行的项目的文件夹下

                                        第二要在你项目的文件下下载依赖包 也就是下图那个文件夹

    依赖包

    用这个cnpm install指令下载依赖包

    启动项目 npm run dev运行项目

    运行界面 运行成功

    相关文章

      网友评论

          本文标题:自己的第一个vue-cli+vue-router+es6+web

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