美文网首页Vue.js专区
VUE系列-项目搭建

VUE系列-项目搭建

作者: 前端小学生CBB | 来源:发表于2017-11-23 11:23 被阅读0次

    vue-cli安装搭建(MAC系统)

    废话不多说直接开干~~~

    第一步:

    安装node.js,如果没有墙可以度娘

    选择Node.js中文网 点击下载 下载-根据系统需求选择直接安装

    安装成功后可以在终端查看版本信息如:

    会显示版本信息-表示安装成功

    第二步,安装webpack(vue-cli还支持其他的打包工具,具体码友们可以去vue-cli 看看)

    如果直接 输入 cnpm install webpack -g(一般我喜欢直接全局安装) 这个时候MAC安装会出现

    权限报错

    在使用MAC全局安装时,需要注意 在命令钱加上 sudo 、sudo、sudo 重要的命令说三遍,来获取最高权限就可以了

    同样安装成功以后可以查看版本信息;

    第三步,安装vue-cli

    在终端对应的文件夹下 输入 sudo cnpm install -g vue-cli 安装成功即可

    ? Project name ---项目名称

    ? Project description---项目描述

    ? Author ---作者

    ? Vue build standalone--推荐运行加编译 回车即可

    Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere

    ? Install vue-router?  ---是否需要路由根据需求选择

    ? Use ESLint to lint your code? 是否需要代码查验可以根据需求选择(如果选择了要去对应配置,除非你适应它默认的规则)

    ? Setup unit tests Yes

    ? Pick a test runner---是否使用单元测试-根据需求选择

    ? Setup e2e tests with Nightwatch? Y --是否安装e2e测试

    最后会提示

    To get started:

    cd 进入项目名称

    npm install

    npm run dev

    根据上面的命令来就可以了, cnpm install 安装依赖

    最后npm run dev

    就可以看到 大大大的V了

    自由飞翔吧

    相关文章

      网友评论

        本文标题:VUE系列-项目搭建

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