美文网首页
vue-cli的安装步骤详细版本

vue-cli的安装步骤详细版本

作者: 尹莫一 | 来源:发表于2018-10-17 10:11 被阅读0次

    https://github.com/vuejs/vue-cli 官网 使用官方推荐的webpack

    条件:

    node在4.以上,npm在3以上

    安装步骤:

    1、cmd打开命令行窗口

    2、输入cnpm install vue-cli -g,然后回车等待(想在哪个目录建立vue项目就要在进入到对应目录再输入命令)

    3、安装结束后输入vue 如果显示版本号继续下一步操作

    4、运行vue init webpack demo(注:项目名称)回车

    5、显示Project nanme 目录名 回车 project description 后面可以写上描述,或者直接回车

    Author 后面可以写作者也可以回车 

    6、Install vue-router? 选择Y

    7、User ESLint to lint your code? 选Y

    8、Setup unit tests with Karma + Mocha? 问的是否要测试 选n

    9、Setup e2e tests with Nightwatch? 选n

    10、这个时候在你创建的目录下就有你的目录了,然后cd 你的目录名进去

    11、输入npm run dev,就可以在浏览器中输入地址显示页面了

    若是希望npm run dev后主动打开浏览器,则需要找到config文件夹下的index.js,,设置autoOpenBrowser: true即可

    相关文章

      网友评论

          本文标题:vue-cli的安装步骤详细版本

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