• vue_webpack初始化项目


    整体架构:
    此处npm安装过于缓慢,因此使用的是淘宝的镜像cnpm

    vue+webpack 初始化项目:
    1、安装vue: cnpm install vue
      检验版本: vue -V
    2、创建一个vue项目:
      全局安装vue-cli: cnpm install -g vue-cli
      创建一个基于webpack模板的新项目: vue init webpack new-project

      输入上面的命令后,下面的问题根据需要填写就可以了
      Project name :项目名称,如果不需要就直接回车。注:此处项目名不能使用大写。
      Project description:项目描述,直接回车
      Author :作者
      vue build 构建方式(暂且这么解释)
      两个选择(上下箭头选择,回车即为选定)
      1.Runtime + Compiler:recommended for most users
        (译:运行+编译:被推荐给大多数用户)
      2.Runtime-only:about 6KB lighter min+gzip,but templates (or any Vue-specific HTML) are ONLY
        allowed in .vue files-render functions are required elsewhere
        (译:只运行大约6KB比较轻量的压缩文件,但只允许模板(或任何VUE特定HTML)。VUE文件需要在其他地方呈现函数。翻译不精准,意思大概是选择该构建方式对文件大小有要求)
        这里推荐使用1选项,适合大多数用户的
        install vue-router?是否安装vue的路由插件,需要就选y,否则就n(以下均遵循此方法)
        Use ESLint to lint your code?是否使用ESLint检测你的代码?
      (ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码。)
      Pick an ESLint preset:选择分支风格
      选项有三个
      1.standard(https://github.com/feross/standard) js的标准风格
      2.Airbnb(https://github.com/airbnb/javascript) JavaScript最合理的方法,这个github地址说是JavaScript最合理的方法
      3.none (configure it yourself) 自己配置
      Setup unit tests? 是否安装单元测试(暂不详细介绍)
      Pick a test runner 选择一个单元测试运行器
      选项有三个
      1.Jest(Jest是由Facebook发布的开源的、基于Jasmine的JavaScript单元测试框架)
      2.Karma and Mocha
      3.none
      Setup e2e tests with Nightwatch(Y/n)?是否安装E2E测试框架NightWatch(E2E,也就是End To End,就是所谓的“用户真实场景”。)
      Should we run 'npm install' for you after the project has been created?(译:项目创建后是否要为你运行“npm install”?这里选择包管理工具)
      选项有三个
      yes,use npm(使用npm)
      yes,use yarn(使用yarn)
      no,I will handle that myself(自己操作)
      一路回车到此等待安装完毕,会提示接下来的命令行
      ......
    3、安装依赖:
      cd new-project
      cnpm install
    4、启动: cnpm run dev

    5、这个只能在本地跑,如果要在服务器上访问,需要执行: cnpm run build

    代码总结如下:
    cnpm install vue
    cnpm install -g vue-cli
    vue init webpack new-project
    cd new-project
    cnpm install
    cnpm run dev

  • 相关阅读:
    软件工程实践总结
    beta答辩总结
    beta冲刺(6/7)
    beta 冲刺(5/7)
    beta冲刺(4/7)
    beta冲刺(3/7)
    beta冲刺(2/7)
    beta冲刺(1/7)
    CentOS7安装新版git
    NameError: name 'reload' is not defined
  • 原文地址:https://www.cnblogs.com/sllzhj/p/9758932.html
Copyright © 2020-2023  润新知