美文网首页
使用命令行工具npm新创建一个vue项目

使用命令行工具npm新创建一个vue项目

作者: 凉柠_da5d | 来源:发表于2018-12-26 10:26 被阅读0次

    Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。

    只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:

    # 全局安装 vue-cli

    $ npm install --global vue-cli

    # 创建一个基于 webpack 模板的新项目

    $ vue init webpack my-project

    $ vue init webpack test //输入命令

    ? Project name (test) test

    ? Project name test

    ? Project description (A Vue.js project) 测试项目

    ? Project description 测试项目

    ? Author lxx1024

    ? Author lxx1024

    ? Vue build standalone

    ? Install vue-router? (Y/n) Y //安装路由

    ? Install vue-router? Yes

    ? Use ESLint to lint your code? (Y/n) n //Eslint验证,很严谨,所以选择n

    ? Use ESLint to lint your code? No

    ? Setup unit tests with Karma + Mocha? (Y/n) Y

    ? Setup unit tests with Karma + Mocha? Yes

    ? Setup e2e tests with Nightwatch? (Y/n) Y

    ? Setup e2e tests with Nightwatch? Yes

    vue-cli · Generated "test".

    To get started:

    cd test

    npm install

    npm run dev

    Documentation can be found at https://vuejs-templates.github.io/webpack

    # 安装依赖,

    $cd my-project    //进入到项目的根目录--直接进入到该文件夹即可

    $ npm install        //安装依赖包

    $ npm run dev     //运行项目

    相关文章

      网友评论

          本文标题:使用命令行工具npm新创建一个vue项目

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