webpack搭建

  1. //首先安装Nodejs
    下载地址:https://nodejs.org/en

  2. 切换淘宝源
    // 切换npm taobao源, 使下载包的速度更快
    $ npm config set registry https://registry.npm.taobao.org

  3. // 初始化项⽬
    $ npm init -y

4.// 安装 webpack
$ npm view webpack versions
$ npm install webpack@4.46.0 -D
5. 安装 webpack-cli
$ npm view webpack-cli versions
$ npm install webpack-cli@3.3.12 -D
6. 上同安装脚手架
cnpm install vue-cli -g
7. 开始创出项目
$vue init create webpack book

在这里插入图片描述
1.Project name(项目名)?
直接回车
2.Project description(项目描述)?
直接回车
3.Author(项目作者)?
配置git的作者,他会读取
4.Vue build(构建方式)?

Runtime + Compiler:推荐
运行+编译
Runtime-only:只运行轻量级文件
只运行
5.install vue-router(vue路由插件)?
y
6.Use ESLint to lint your code?
n
ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码。
7.Set up unit tests?
y
是否安装单元测试
8.Pick a test runner?
Jest(Jest是由Facebook发布的开源的、基于Jasmine的JavaScript单元测试框架)
Karma and Mocha
none(自己配置)
9.Setup e2e tests with Nightwatch?
n
是否安装e2e来进行用户行为模拟测试?
10.Should we run npm install for you after the project has been created? (recommended)
项目创建后是否要为你运行“npm install”?这里选择包管理工具)
yes,use npm(使用npm)
yes,use yarn(使用yarn)
no,I will handle that myself(自己操作)

按照步骤执行
8.//最后是运行
To get started:
1.cd test
2.npm run dev
9.在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

金石不渝

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值