webpack项目初始化说明

1、vue+webpack 初始化项目:
全局安装vue-cli: cnpm install -g vue-cli
创建一个基于webpack模板的新项目: vue init webpack new-project
2、填写内容说明:
Project name:项目名称,如果不需要就直接回车。注:此处项目名不能使用大写。
Project description:项目描述,直接回车。
Author :作者。
vue build:构建方式,有2个选项,推荐使用选项1

选项说明
Runtime + Compiler:recommended for most users运行+编译:被推荐给大多数用户
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文件需要在其他地方呈现函数。翻译不精准,意思大概是选择该构建方式对文件大小有要求

install vue-router?是否安装vue的路由插件,需要就选y,否则就n。
Use ESLint to lint your code?是否使用ESLint检测你的代码?
(ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码。)
Pick an ESLint preset:选择分支风格,有3个选项。

选项说明
standardjs的标准风格
AirbnbJavaScript最合理的方法,这个github地址说是JavaScript最合理的方法
none (configure it yourself)自己配置

Setup unit tests? 是否安装单元测试。
Pick a test runner:选择一个单元测试运行器,有3个选项。

选项说明
JestJest是由Facebook发布的开源的、基于Jasmine的JavaScript单元测试框架
Karma and Mocha
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”?这里选择包管理工具,有3个选项。

选项说明
yes,use npm使用npm
yes,use yarn使用yarn
no,I will handle that myself自己操作

添加完内容以后,等待安装完毕。
3、初始化后的项目只能在本地跑,如果要在服务器上访问,需要执行: cnpm run build。

(摘自:https://www.cnblogs.com/sllzhj/p/9758932.html)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值