vue 在webpack 环境下的初始化配置

最新推荐文章于 2022-12-01 15:51:05 发布
最新推荐文章于 2022-12-01 15:51:05 发布
阅读量80 收藏
点赞数
文章标签： javascript webpack json ViewUI
原文链接：http://www.cnblogs.com/wuchongyou/p/9592058.html
版权

1，安装node ,可以通过node-v查看自己的node版本

2，安装vue: 通过命令行npm install vue-cli -g 进行全局安装

3，在想要创建vue项目的目录下打开命令行，输入vue init webpack进行webpack环境的初始化配置

　　配置过程中 如果不知道是什么意思就全部点回车就好，这里特别提一下，如果不选择npm后期会有一定的麻烦

　　接下来就是等待一系列的安装，这个过程稍微有点长，下载的文件总量差不多有200多M，还是需要等一会的

　　当现实这一步的时候就代表已经搭建完成了

4，用webstorm打开package.json文件，如图，右击运行

　　

 

转载于:https://www.cnblogs.com/wuchongyou/p/9592058.html

weixin_33896069
关注
初始化基于webpack的vue2项目
全易
07-25 402
安装依赖环境： node 完事测试一下看看成功没： node -v npm -v 如下图所示就是成功了： 下面就可以安装vue-cli了 npm install -g @vue/cli 安装完执行vue -V测试下是否成功，如下图便是成功了： ...
手动配置webpack（一）之开发环境配置
Dear
10-24 362
开发环境的基本配置 1、初始化配置 初始化 package.json文件 npm init -y 下载安装 webpack 和 webpack-cil： npm i webpack@4.32.2 webpack-cli@3.3.2 --sava-dev 2、创建配置文件 创建 webpack.config.js文件 为这个文件进行简单的配置 const { resolve } = require('path'); module.exports = { extry: './src
vue+webpack配置过程
weixin_40197429的博客
02-24 434
过程建立在你已经配置好node第一步：打开终端，首先全局配置webpack -g第二步：配置vue脚手架npm install vue-cli -g第三步：进入你放项目的文件夹，cd vue+webpack3,然后建一个文件（eee，不能有大写）vue init webpack-simple takeout 然后一路回车直到完成第四步：进入拟新建的文件夹cd takeout 然后npm ...
webpack常用配置（一）之搭建环境及初始化配置
最新发布
HertzDL的博客
12-01 395
webpack常用配置（一）之搭建环境及初始化配置
webpack 之 从 0 创建一个 webpack5 的项目
shenjing_Shining的博客
11-11 1643
目标 新建一个 webpack5 项目，包括开发环境和生产环境 初始化 webpack 项目 第一步：初始化 package.json npm init -y 第二步：安装 webpack npm install webpack webpack-cli -D 注意： -D等价于--save-dev; 开发环境时所需依赖 -S等价于--save; 生产环境时所需依赖 第三步：初始化文件和目录 创建 src 目录， src 目录下新增打包的入口文件 paths...
webpack基础
weixin_50913773的博客
02-15 624
webpack的使用 1、新建项目空白目录，并运行npm init -y 命令，初始化包管理配置文件package.json 2、新建src源代码目录 3、新建src ->index.html 首页和src ->index.js脚本文件 4、初始化首页基本的结构 5、运行npm install jquery -S 命令，安装jquery 6、通过es6模块化的方式导入jquery，实现列表隔行变色效果， webpack的安装与配置 在项目中安装webpack 在终端运行如下命令，安装webpa
vue初始化模板 vue init webpack命令下载的模板
09-13
执行vue init webpack 命令报错，连接超时是因为去github下载webpack-template 而很多公司屏蔽了github vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT 使用步骤 1.c/users/xxxxx/...
vue-webpack项目初始化手动搭建源码
05-01
vue-webpack组件模块化项目初始搭建源代码，新学vue的同学可以借鉴，下载导入VSCode可以直接npm run dev 运行，可以参考博主博客 "VUE-Webpack基础知识点汇总"见详情内容指导。
vue init webpack 项目初始化失败
yummy_yuyu的博客
03-29 2531
在目标文件夹下右键点击Git Bash Here打开操作页 使用vue-cli（脚手架）搭建项目的时候出现了如下报错 首先要排查下载的依赖是否都能显示版本号 可能环境变量没有配置 找到安装vue-init的目录，把地址加入到path中 配置完环境变量，重新构建项目vue init webpack 项目名称 成功 终端运行npm install，然后npm run dev初始化失败了，我的webpack构建工具是有问题的，于是卸载了webpack重新安装 参考了卸载webpack的方法和安装webp
vue环境搭建、项目初始化
02-03
在本文中，我们将详细介绍 Vue 环境搭建和项目初始化的过程，从 Node.js 的安装到 Vue 项目的创建，包括了 NPM、Webpack、Vue-CLI 等工具的使用。 一、 Node.js 的安装 Node.js 是一个基于 Chrome V8 引擎的 ...
通过webpack构建vue初始化项目
最爱喝怡宝的博客
12-27 833
1.安装node，这个是肯定要安装的 2.安装vue脚手架构建工具，命令行输入 npm install –g @ vue/cli 3.安装webpack 通过 npm 或者 cnpm安装webpack模块化打包工具 npm install webpack –g 或 cnpm install webpack –g 4.初始化 webpack 项目，执行命令： vue init webpack 123app 其中 123app 是我们要建立的项目的名称，当脚本执行时会进行确认 安装..
vue webpack初始化项目（vue init webpack my-project ）参数详解
wilL-my的博客
08-15 3247
下载安装node node官网注:建议下载长期支持版 查看node及npm版本 node -v npm -v 安装@vue/cli-init npm i -g @vue/cli npm i -g @vue/cli-init vue初始化基于webpack的my-project项目(项目名不能用大写字母) vue init webpack my-project ...
vue2+webpack2 初始化项目
u013400682的博客
08-09 1334
准备工作 下载并安装node.js 安装vue cli脚手架 npm install --g vue-cli项目初始化官网给出了两个模板： webpack-simple 和 webpack 。区别在于webpack-simple 没有包括Eslint 等检查功能，所以普通项目基本用webpack-simple 就足够了。于是我用webpack-simple 初始化的项目，运行之后，页面能正常显示，但
webpack初始化项目
态度决定一切
06-12 2583
该初始化教程，基于 windows系统的cmd/dos 窗口 初始化webpack项目： // 1.先创建一个项目文件夹 mkdir webpack-001 // 2.进入该文件目录下 cd webpack-001 // 3.初始化配置，假设不要-y，会出现很多true和false的选项，-y的意思全默认true，然后直接初始化完成 npm init -y // 此时，该目录下会...
运行vue init webpack vueTest时报错
weixin_34377065的博客
02-25 1147
前言：好久没动vue项目了，早上心血来潮、准备写一个项目，然后坚持在github更新，不为别的，只为养成一个习惯。 运行vue init webpack vueTest时，报了下面的错误： 当时我思考了一下，发现没头绪。第一反应把“Error when evaluating filter condition”翻译，结果是“评估过滤条件时出错”。完全和程序不沾边啊。 于是我就截图发讨论群去...
webpack的基本使用以及初始化
qq_41180882的博客
06-10 517
掌握打包工具webpack的基本配置和使用，使用yarn对打包工具进行管理
webpack初始化配置 (史上最详细版本)
热门推荐
weixin_43072453的博客
11-18 1万+
webpack官网: https://www.webpackjs.com/ 注意:因为webpack一些插件总是不断更新,所以在以后的工作中建议用vue脚手架生成!,此文章的目的只是介绍一些底层的原理,文章插入了一些简单的案例,适合新手学习,欢迎阅览! 1 简单介绍 webpack 是前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具,借助于webpack这个前端自动化构建...
Git使用vue init webpack命令初始化一个新项目
梦里逆天的博客
01-22 428
准备node、npm/cnpm/yarn 全局安装vue-cli脚手架构建工具 npm install -g vue-cli --force 查看版本 vue --version 或 vue -V 使用vue init webpack命令初始化一个新项目，命名为corno。 vue init webpack corno 新建项目目录结构如下： 使用idea打开项目，使用npm install命令安装依赖，然后使用npm run dev命令运行 npm ins..
VUE,WebPack搭建本地服务器
zhaohan___的博客
12-08 441
webpack简介 中文文档地址 https://www.jqhtml.com/7626.html 是一个javascript应用的静态模块儿化方案，主要包含模块和打包。 类似工具 grunt/gulp、rollup 他们把AMD、CMDCommonJs、ES6进行转化，转化成浏览器能识别的代码或文件，这样就可以做到一个文件一个模块。webpack是为了模块化开发而使用的，文件压缩、依赖是基本的功能。 简要描述：对引用的js文件进行打包，需要的函数方法就加载进来，不需要的就不加载避免为了使用一个方法要引用
Vue环境搭建与项目初始化详解：NPM、Webpack与vue-cli
本文主要介绍了如何在Windows系统上搭建Vue开发环境，并且初始化一个新的Vue项目。首先，我们了解了Node.js及其核心组件npm，它是Node.js平台下的包管理器，用于方便地管理和安装项目所需的第三方模块。npm的主要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值