美文网首页
VUE的vue-cli

VUE的vue-cli

作者: 雅俗共赏_ | 来源:发表于2017-06-08 22:28 被阅读0次

    最近在用vue写项目,里面遇到了许多大大小小的坑,今天就把这些坑给总结一下。
    首先是他的vue-cli脚手架:
    vue-cli是通过命令来构建项目的,首先必须保证自己安装和配置nodejs通过命令行输入node -v出来版本号就说明安装配置成功了
    然后再配置npm,npm -v出来版本号就是成功了
    通过指向淘宝镜像来安装cnpm,
    npm install cnpm -g --registry=https://registry.npm.taobao.org
    然后cnpm出来版本号即安装成功

    下面就是配置vue-cli的配置:
        首先全局安装vue,执行命令cnpm install vue-cli -g进行全局安装
        安装完成之后输入vue -V会出来一个版本号即安装成功
    然后找一个自己项目的文件夹通过cd命令切进去,或者直接在地址栏输入cmd直接打
    

    开输入命令vue init webpack “webpack”这个是自己所命名的文件夹的名称然后下面会出

    来一些配置信息除了第一个是yes其他的全部都是no然后一直到最后一步这个项目就算是

    生成了通过cd切入到这个文件夹执行cnpm install 来安装下载package.json中的依赖模

    块,安装完成后会在文件夹生成node-module文件夹来存放安装的依赖文件,当文件下载

    安装完成最后就是启动项目,通过执行npm run dev来启动项目。

    这样一个vue的项目就成功配置成功了。

    相关文章

      网友评论

          本文标题:VUE的vue-cli

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