day2Vue-cli

vue-cli简介:  

  这是一个脚手架工具
  帮助我们生成Vue.js基础的代码
  包括:目录结构、本地调试、代码部署、热加载、单元测试

vue-cli安装:

  1.需要先安装node,这个可以百度下;

  2.npm install -g vue-cli (全局安装脚手架工具)

模板安装:

  1.vue init webpack sell (安装webpack模板并其名为sell)

  2.按照提示完成安装(router ...  和  setup unit tests .... 和Setup e2e tests .....这三个建议选择 n 其他的为 Y ,或者直接回车)

安装后:

  1.cd到项目目录

  2.npm run dev (测试时使用)

sell内文件介绍:

文件夹:

  build 和 config 文件夹里的东西都是和webpack配置相关,先不看具体文件

  node_modules文件夹 是依赖代码库

  src目录是我们存放的源代码,我们的所有代码都会放在这里

  static目录用来存放第三方静态资源

文件:
  .babelrc 做适配用的,不用管
  .editorconfig 编辑器的配置{
    charset:编码;
    indent_style:缩进风格;
    indent_size:缩进大小
    end_of_line:换行风格lf表示linux和mac的换行风格
    insert_final_newline:调用文件自动在文件末尾插入新行
    trim_trailing_whitespace:自动移出行尾多余空格
  }
  .eslintignore 忽略语法检查
  .eslintrc.js eslint的配置文件,其中extends里的网址放的是规则可以看下,rules可以自己修改一些规则
  .gitignore git仓库忽略这些文件或目录
  package-json 项目的配置文件,用来描述项目,script是一些我们可以执行的命令,devDependencies是一些编译依赖

   

猜你喜欢

转载自www.cnblogs.com/selfdef/p/10231144.html