美文网首页
建立第一个vue项目

建立第一个vue项目

作者: 向着光噜噜 | 来源:发表于2019-10-08 19:13 被阅读0次

    1.Windows 上安装 Node.js

    https://nodejs.org/en/download/

    2.控制台升级npm

    查看版本 npm -v

    升级 npm install npm -g

    使用淘宝镜像的命令:

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

    在用 Vue.js 构建大型应用时推荐使用 NPM 安装:

    # 最新稳定版 cnpm install vue

    3.建立一个项目

    # 全局安装 vue-cli

    $ cnpm install --global vue-cli

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

    $ vue init webpack my-project

    # 这里需要进行一些配置,默认回车即可······

    vue-cli · Generated "my-project". To get started: 

        cd my-project

        npm install

        npm run dev

    4.进入项目,安装并运行

    $ cd my-project

    $ cnpm install

    $ cnpm run dev

    DONE  Compiled successfully in 4388ms> Listening at http://localhost:8080

    5.遇到错误解决

    1.网络不好的话可以离线 

    vue init webpack my-project --offline

    2.运行项目出错

    C:\Users\Administrator\my-project\config\index.js里的useEslint: true改为useEslint: false;

    相关文章

      网友评论

          本文标题:建立第一个vue项目

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