美文网首页
vue-cli学习笔记

vue-cli学习笔记

作者: 杨闯 | 来源:发表于2020-03-18 21:49 被阅读0次

    感觉不错的书籍:《vue.js 权威指南》

    安装

    npm install -g vue-cli
    

    如果安装不成功,可以使用yarn来进行安装

    yarn global add  vue-cli
    

    安装成功验证:

    vue -V
    

    创建项目

    使用vue-cli快速生成基于Webpack构建的项目

    vue init webpack test
    

    安装依赖:

    npm install
    

    文件结构

    一级目录 二级目录
    build:构建脚本目录
    config:构建配置目录
    node_modules:依赖的node工具包目录
    src:源码目录 assets: 资源目录
    components:组件目录
    App.vue 页面级vue组件
    main.js 页面入口js文件
    router/index.js 路由规则写在这里
    static:静态文件目录
    test:测试文件目录
    index.html:入口页面
    .eslintrc.js:ES语法检查配置
    package.js:项目描述文件

    执行

    npm run dev
    

    备注

    因为vue-vcli中有eslint,所以一些错误可能不是真正的错误,也有可能是因为你缺少一个空格等原因导致。

    相关文章

      网友评论

          本文标题:vue-cli学习笔记

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