脚手架3.x版本的说明

webfullStack 2020-06-16

一、在package.json里的依赖里面，找不到webpack了；但是，这并不能说i名就不用webpack了，其实webpack是被封装到了node_modules这个文件夹里面了；

脚手架3.x版本的说明

二、在node_modules文件夹里，找到了webpack文件夹和 webpack-dev-server文件夹；放到这里说明3.x版本的脚手架对这个两个依赖包进行分封装。

脚手架3.x版本的说明

 即：这个命令关联这个两个文件包

脚手架3.x版本的说明

三、3.x版本新创建的项目文件夹不再有配置文件了，都被封装到了node_mudules文件夹里了。

脚手架3.x版本的说明

封装起来的文件配置是默认的。

如果想自己改动，那么要自己创建配置文件，另外进行配置、改动。

如图：

脚手架3.x版本的说明

webfullStack

webfullStack

相关推荐

vue—cli脚手架

使用npm全局安装webpack，打开命令行工具输入：npm install webpack -g或者，安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。注意：webpack 4.X 开始，需要安装 webpack-cl

gloria0 / 0评论 2020-08-09

Vue2全家桶之一：vue-cli（vue脚手架）超详细教程

都说Vue2简单上手容易，的确，看了官方文档确实觉得上手很快，除了ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vue只用关心数据本身，不用再频繁繁琐的操作dom，注册事件、监听事件、

helloxiaoliang / 0评论 2020-06-21

关于vue脚手架创建的一点回顾

下载完成后，一直点击下一步即可。安装完成后 运行 node -v和 npm -v 如果成功显示版本号即为安装成功。webpack 的作用，简单来说就是对前端中所有的模块进行打包，输出一个JS文件，后续引入这个JS文件。下面经过漫长的等待，只要显示 Proj

csm0 / 0评论 2020-04-14

React 脚手架创建项目

使用react脚手架创建项目。　　一、首先需要安装node.js. 选中勾选框，点击next，下一步。选择安装路径，默认路径即可，点击next，下一步。点击finish，安装完成。　　　安装命令 npm install -g create-react-ap

mymyblog / 0评论 2020-02-03

vue-cli（vue的脚手架搭建过程）

　vue-cli定义：是脚手架工具，作用就是用配置好的模板迅速搭建起一个项目，省去了自己配置webpack文件。　　　　3）安装淘宝镜像。安装完输入 cnpm -v，检查是否安装成功，之所以安装它，是为了安装速度，原本npm的服务器是外国的，速度会很慢。　

csm0 / 0评论 2020-01-12

使用webpack配置一个小型vue-cli脚手架

使用vue的朋友都是知道vue-cli，他是一个基于webpack的vue脚手架，通过vue-cli配置好一整套环境可以更快的开发，从而提高了工作效率。而我们可以学习它的一些配置可以熟悉webpack的构建流程，从而更好的开发，本文讲述了如何配置一个小型的

monkeysuo / 0评论 2019-11-04

根据vue-cli手摸手实现一个自己的脚手架

身为一个入门前端七个月的小菜鸡，在我入门前端的第一天就接触到了vue，并且死皮赖脸的跟他打了这么久的交到，还记得第一次用vue init webpack 这句命令一下生成一个模板的时候那种心情，当时我就想，要是自己也能写一个的话，那会是灰常吃鸡的吧 o(￣

gloria0 / 0评论 2019-10-04

Vue2.x 使用webpack脚手架 引入全局jquery

1、使用npm install --save-dev jquery 安装jquery 相关的组件

csm0 / 0评论 2017-09-21

[另一种系列] 另一种前端脚手架--sao.js

最开始的时候，会根据官网的例子，setup好环境，用package管理好依赖，自己用grunt来处理打包的活；过程中有遇到各种不一样技术栈的项目，开始有人推荐我用脚手架工具yeoman，按照官网的例子，找到合适的generator，一步步的可以搭建起一个项

元元 / 0评论 2019-09-05

脚手架vue-cli工程webpack的作用和特点

Vue项目开发过程中，会因为很多不同的实际运用需求不断地对webpack配置进行修改，在此之前，我们需要对webpack有一个基本的认识，了解它到底能为我们做些什么。webpack是一个模块打包的工具，它的作用是把互相依赖的模块处理成静态资源，如下图所示。

白日强 / 0评论 2018-09-29

搭建一个通用的脚手架

在16年年底的时候，同事聊起脚手架。由于公司业务的多样性,前端的灵活性,让我们不得不思考更通用的脚手架。而不是伴随着前端技术的发展，不断的把时间花在配置上。18年年初，把过往一年的东西整理和总结下，重新增强了原有的脚手架project-next-cli,

ChinaGuanq / 0评论 2019-07-01

前端脚手架，听起来玄乎，实际呢？

粗狂的讲，这样的回答，好像没什么毛病。但既然是本着学习的态度，那这次就好好的讲一讲前端脚手架存在的意义，到底是个什么鬼，以及写一个脚手架到底有多难?所以接下来，文章将围绕下面几部分来讨论：。对于一个更入门的人来说，这无疑会让人望而却步。而前端脚手架的出现，

bluemengcom / 0评论 2019-06-28

使用vue-cli脚手架+webpack搭建vue项目

前言世间万难 无非一拖二懒三不读书 对 说的就是我突然觉得这句话说的很对，自从上次写完nodejs安装及npm全局模块路径的设置已经过去两月有余，而我的vue框架学习也就止步于此。还是没有给自己施加压力，浑浑噩噩的又度过了这么长时间，想想就很愧疚。或许自己

Techgogogo / 0评论 2019-06-28

为什么我不推荐你使用vue-cli创建脚手架？

“ 很奇怪，为什么现在能找到自己手动创建vue脚手架的文章非常少，而且大家似乎对webpack4的热情并不高，对于想基于vue2.0+webpack4搭建一个脚手架的我来说资料真是少得可怜。难道现在一般的做法就是直接从vue-cli开始然后改成自己需要的模

inyiyi / 0评论 2019-06-27

vue-cli脚手架-bulid下的配置文件

本文章适合初学者学习，如有错请提出。近期对vue比较感兴趣，所以准备用vue写一个blog。早期先对vue脚手架了解一下，对于新手官网建议先不用vue-cli，但我觉得如果没有任何的依据凭自己写一个项目这无疑是浪费时间的而且都最后还是是而非的。在学习的过程

89477009 / 0评论 2019-06-26

教你用webpack搭一个vue脚手架[超详细讲解和注释！]

脚手架里都有详细注释！觉得有帮助到你的同学给个star哈,也算是对我的一种支持！npm install webpack webpack-dev-server -g4.1.3 在项目目录下安装webpack和webpack-dev-server. 也可以通过

konghouy / 0评论 2019-06-26

weex踩坑之旅第一弹 ~ 搭建具有入口文件的weex脚手架

下面的讲解可能不太适应新的weex框架，后面我会再立贴讲解。weex官方文档不完善，在整个实施过程中遇到过很多坑，中途几次想放弃，总是有些不甘心。要想用好weex必须对es5/es6基础，vue体系，打包工具webpack有较深的了解；对ios，andro

DaLei / 0评论 2019-06-26

详解vue-cli官方脚手架配置

创建目录resume1）npm init -y2）npm install vue-cli -g 3）vue init webpack --dirname. 是否安装vue的路由插件，我们这里需要安装，所以选择Y Use ESLint to lint yo

彻底拆分一切可控 / 0评论 2018-07-20

vue脚手架及vue-router基本使用

首先在大前提vue-cli已经安装好的情况下，并且cnpm install后，这里有个小提醒就是关于是否开启eslint,这个是对你写的代码进行规范化的一个工具，对于刚接触的新手们建议关闭，不然代码写的不符合它的规范你的编译器会一直报错，如下图。vue脚手

89701933 / 0评论 2018-04-09

vue-cli脚手架-bulid下的配置文件

本文章适合初学者学习，如有错请提出。近期对vue比较感兴趣，所以准备用vue写一个blog。早期先对vue脚手架了解一下，对于新手官网建议先不用vue-cli，但我觉得如果没有任何的依据凭自己写一个项目这无疑是浪费时间的而且都最后还是是而非的。所以我觉得完

81427605 / 0评论 2018-03-27

vue-cli脚手架引入图片的几种方法总结

最后刷新界面看效果就可以了！文件最终会打包压缩为js。当运行的时候，css中的相对路径指向已经发生变化指向了根目录，所以出现加载错误的问题。

yibawuqing / 0评论 2018-03-13

一步步教你利用webpack如何搭一个vue脚手架（超详细讲解和注释）

Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星，足以说明其以悄然成为主流。16年10月Vue发布了2.x版本，经过了一段时间的摸索和看官方的教程和api，才了解到2.0版本在1.0版本的基础上做了好多调整，废弃了好多api。一.

wushaoxion / 0评论 2018-01-08

详解如何使用vue-cli脚手架搭建Vue.js项目

$ npm run dev后面分步说明。前提条件，Node.js >=4.x版本，建议使用6.x版本。我们可以使用vue list命令查看，当前可以使用的模版。我们在这里，使用webpack模版。功能齐全的webpack & vue-load

Ivanazyf / 0评论 2017-05-19

使用CakePHP脚手架工具设置数据库和模型

CakePHP脚手架工具主要是用来设置数据库和模型的。下面介绍这个CakePHP脚手架工具的操作原理及方法。CakePHP的模型与数据库表之间的对应关系无需设置。相反，CakePHP使用了一些简单的命名规则来实现这一效果，在这一部分，我们将了解到如何为数据

0lzqth / 0评论 2009-09-16

vue.js的vue-cli脚手架中使用百度地图API的实例

第一步，去百度地图开发者申请密钥。let map =new BMap.Map; // 创建Map实例。map.centerAndZoom;// 初始化地图,设置中心点坐标和地图级别。如有不足请谅解！希望给您带来帮助。

legend0 / 0评论 2019-01-21

使用vue-cli脚手架工具搭建vue-webpack项目

对于Vue.js来说，如果你想要快速开始，那么只需要在你的html中引入一个<script>标签，加上CDN的地址即可。但是，这并不算是一个完整的vue实际应用。对于一个需要长期维护和大型的项目而言，这些工具是必不可少的，但是尝试配置初始化这些

fengminw / 0评论 2019-01-14

Vue.js 相关知识（脚手架）

（不用管）main.js：项目的入口文件App.vue：根组件，就如代码中的 new Vue() div id=”app”components：自定义的组件目录router/index.js：路由配置文件单文件组件：将一个组件需要的所有内容单独写到一个文件

政见CNPolitics拆掉知识的高墙 / 0评论 2018-05-22

Angular 和 Vue 使用的对比总结 -- 脚手架

前言之前是用Vue的，现在由于工作原因，开始使用Angular。分别是Vue2和Angular5入的坑。只是从使用上来对比总结，加深记忆，避免混淆。你问实现原理的异同及优劣？本宝宝还在努力学习中，也许有生之年你可以看到分析贴。不管用什么框架，创建项目都是第

高小强的汽车暴晒场 / 0评论 2018-04-24

使用vue-cli脚手架初始化Vue项目下的项目结构

vue-cli是Vue 提供的一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。vue-cli是一套成熟的Vu

无极领域 / 0评论 2018-03-07

vue-cli脚手架之其他文件解释

好了，脚手架目录中重要的文件基本都介绍了，但还有一个不太注意到的文件没有解释，这里也说明一下。config文件夹下的index.js，作用是不同开发环境下的参数配置：。condig文件夹中的其他几个文件，这几个文件主要是暴露接口：。.babelrc文件：由

如何处理一千张废纸 / 0评论 2018-01-20

init-react: 类似 vue-cli 的 react 脚手架工具

最近想用 react 搞点事情， 却发现 create-react-app 并不如 vue-cli 般好用， 比如默认隐藏所有配置文件， eject后项目结构混乱，不支持 hot-module-replace 等， 于是参考 vuejs-templates

前端外刊评论 / 0评论 2018-01-11

vue环境配置脚手架环境搭建vue工程目录

首先在初始化一个vue项目之前,我们需要下载node.js,并且安装!安装完成之后,windows+r 运行命令 cmd 输入node -v 检查是否已经安装成功.如果会显示版本信息,说明安装成功!有关项目的基本信息填写,也可以直接回车不填.到了insta

龙玉崇拜的起源与华夏北来说 / 0评论 2017-12-17