自用-node，npm，webpack，vue安装步骤

最新推荐文章于 2023-03-16 18:08:51 发布
最新推荐文章于 2023-03-16 18:08:51 发布
阅读量78 收藏
点赞数
分类专栏： 前端 vue 文章标签： vue npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tian_xiaobai/article/details/114486478
版权
前端 同时被 2 个专栏收录
10 篇文章 1 订阅
订阅专栏
vue
1 篇文章 0 订阅
订阅专栏

截图步骤很清晰，就不做说明了，按照步骤，本人亲自尝试几遍没有问题，有需要的朋友可以参考哈~~~
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
使用vue/cli创建vue项目

在这里插入图片描述
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210308150707385.png创建vue项目不成功，查看vue版本和list，添加vue.cmd的环境变量

创建第一个VUE项目
在这里插入图片描述
在这里插入图片描述

初始化完成
在这里插入图片描述

在这里插入图片描述

完成
在这里插入图片描述

Hylae
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
node-polyfill-webpack-plugin:Webpack中的Polyfill Node.js核心模块
05-03
安装npm install node-polyfill-webpack-plugin用法将以下内容添加到您的webpack.config.js ： const NodePolyfillPlugin = require ( "node-polyfill-webpack-plugin" )module . exports = {// Other rules......
npm-dts-webpack-plugin:Webpack插件生成单个dts文件以捆绑TypeScript NPM软件包
05-19
npm-dts-webpack-plugin 该WebPack插件为整个NPM软件包生成单个index.d.ts文件。 它允许创建捆绑的NPM库软件包，而无需使用TypeScript源，并且无论这些库被导入到哪里，都仍然保留代码建议。 TypeScript自动获取...
前端学习自用笔记（四）
foxlin1116的博客
03-16 185
webpack相关，自用。
vue 前端框架构建踩坑记录（自用）
web15085181368的博客
03-11 1486
进入前端模块根目录下执行构建命令： npm run build:prod 由于没有安装依赖包，所以提示如下： > osap-system-ui@4.4.0 build:prod > vue-cli-service build 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。 安装依赖： npm install 报错如下： npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve depen
Vue npm run dev 时提示“sh: 1: webpack-dev-server: not found“
qq_45886514的博客
06-24 544
记录自用 在ubuntu下运行项目的时候出现如下问题 经过查找，发现应该是缺少部分模块的原因： 通过执行 npm install 成功解决问题
Vue2脚手架笔记（自用）
m0_62068678的博客
09-12 307
vue2脚手架使用
【用vue开发微信小程序】（uni-app）（自用，不推荐参考）
热门推荐
sp_zhaoyun的博客
07-29 3万+
笔记自用
webpack打包-自用
佚名程序员
09-15 102
/** * webpack打包 * npm init -y * npm install --save-dev webpack * npm install --save-dev webpack-cli * package.json中增加 "start": "webpack --config webpack.config.js" * package.json中删除 "main": "webpack.config.js",旁边增加"private": true, * index.html引入 出口中
创建vue项目+配置vant（自用）
Matcha_latte的博客
06-01 243
1、安装nodejs，安装成功后，在命令行"node -v"，查看版本信息。查看信息成功则表示安装成功。nodejs中已经带有npm，然后只需要进行环境变量配置就可以。可以在命令行"npm -v"查看版本。
14万字手把手教你做vue电商后台管理（全）——技术栈（vue全家桶 Webpack Git axios Element-ui）
十九万里的博客
05-16 8429
该项目是在年初的时候学习黑马程序员vue项目实战整理的笔记，自用的所有比较乱 文章比较长但省去了看视频的时间，适合初学vue的同学 部分章节还没完善，会持续更新 如果你还没有vue基础知识，看这篇文章： vue.js基础还不会？——看这篇文章就够了 文章每节目录： vue电商后台管理系统保姆级教程(导航目录)——找到比这更详细的算我输 文章视频链接： 【2020年黑马最新】Vue实战项目：电商管理系统 需要源代码和接口文档软件的同学可私聊我！！ 项目结构 ： 1.项目初始化 2.登录和退出功能 3.主.
webpack 基础打包笔记
nlq12345的博客
12-28 646
webpack笔记自用
基于 vue-skeleton-webpack-plugin 的骨架屏实战
11-30
首先，项目基于`Vue-cli 3.x`搭建，通过`npm install vue-skeleton-webpack-plugin`安装插件。接下来，在`vue.config.js`文件中配置该插件，引入`SkeletonWebpackPlugin`并设置相关参数，例如入口文件`app: path....
npm-auto-install-webpack-plugin:在Webpack编译步骤之前自动在package.json中安装缺少的依赖项
05-17
npm-auto-install-webpack-plugin 在Webpack编译步骤之前自动在package.json中安装缺少的依赖项 安装 npm i --save npm-auto-install-webpack-plugin 用法 webpack.config.babel.js import ...
monaco-editor-esm-webpack-plugin
05-30
npm install monaco-editor monaco-editor-webpack-plugin monaco-editor-nls 使用 webpack.config.js const MonacoWebpackPlugin = require('monaco-editor-esm-webpack-plugin'); module.exports = { entry: '....
web前端：HTML+CSS实现百度首页静态显示
tian_xiaobai的博客
07-21 3306
题外话，目前刚接触前端，刚看了HTML和CSS学习的基本内容，百度首页的静态显示作为一个简单练手项目巩固知识点。 1.如何实现一个网站页面的编写 通过一些博主的总结，主要可以分为四点： 网站类型：网站里有什么东西； 布局（排版）：明确页面上每一块是什么，比如左上角的区域，右上角的区域，logo区域，下角区域等； 结构：用html架构代码，从步骤2可知，将每一块写为一个元素，在中添加内容； 细节：用CSS进行编排。 根据上面的步骤我们就可以完成一个简单的页面显示，通过HTML代码将所需要的内容添加，在用C
VScode常见快捷键操作
tian_xiaobai的博客
03-22 955
一、 1.CTRL+G–跳转到行数 2. CTRL+shift+M–显示errors/warnings 3. CTRL+shift+O–跳转到symbol(搜索变量或函数) 二、 4. CTRL+N–新建文件 5. CTRL+tab–文件之间切换 6. ctrl+shift+N–打开一个新的vscode编辑器 7. ctrl+W–关闭当前窗口 8. ctrl+shift+w–关闭当前vscode编辑器 三、代码编辑 （1）格式调整 1. ctrl+[, ctrl+]–代码行向左、右缩进 2. shift+a
css中float，position，display，以及清除浮动的知识点
tian_xiaobai的博客
07-23 414
float：css属性， 指定一个元素应沿其容器的左侧或者右侧放置，允许文本和内联元素环绕它；该元素从网页的正常流动（文档流）中移除，也保持部分的流动性（与绝对定位相反）。 float意味着使用块布局，在某些情况下修改display的值。 left：元素浮动在其所在的块容器左侧的关键字 right：元素浮动在其所在的块容器右侧的关键字 none：元素不浮动的关键字 ...
HTML笔记
tian_xiaobai的博客
07-25 203
使用Vscode软件编写 Emmet插件：自动生成html代码片段 ！+tab键 可以生成标准的文档结构： html：页面，页面结构 或者html:5+tab键 <!doctype html>文档声明 注释 ctrl+/键可以生成 元素/标签/标记 ： 元素=起始标记+结束标记+元素内容（在页面要显示的东西）+元素属性（不适必须写，可以描述额外信息）； 属性：属性名城+属性值 局部属性：某些元素特有的属性 全局属性： 所有元素通用的属性 没有结束标签的元素：空元素 ，, <。。。/>
npm install vue-beautiful-chat npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: extract-text-webpack-plugin@3.0.2 npm WARN Found: webpack@4.46.0 npm WARN node_modules/webpack npm WARN peer webpack@"^4.0.0" from @intervolga/optimize-cssnano-plugin@1.0.6 npm WARN node_modules/@intervolga/optimize-cssnano-plugin npm WARN @intervolga/optimize-cssnano-plugin@"^1.0.5" from @vue/cli-service@3.12.1 npm WARN node_modules/@vue/cli-service npm WARN 24 more (@soda/friendly-errors-webpack-plugin, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer webpack@"^3.1.0" from extract-text-webpack-plugin@3.0.2 npm WARN node_modules/extract-text-webpack-plugin npm WARN extract-text-webpack-plugin@"^3.0.1" from vue-photo-preview@1.1.3 npm WARN node_modules/vue-photo-preview npm WARN npm WARN Conflicting peer dependency: webpack@3.12.0 npm WARN node_modules/webpack npm WARN peer webpack@"^3.1.0" from extract-text-webpack-plugin@3.0.2 npm WARN node_modules/extract-text-webpack-plugin npm WARN extract-text-webpack-plugin@"^3.0.1" from vue-photo-preview@1.1.3 npm WARN node_modules/vue-photo-preview npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: uglifyjs-webpack-plugin@0.4.6 npm WARN Found: webpack@4.46.0 npm WARN node_modules/webpack npm WARN peer webpack@"^4.0.0" from @intervolga/optimize-cssnano-plugin@1.0.6 npm WARN node_modules/@intervolga/optimize-cssnano-plugin npm WARN @intervolga/optimize-cssnano-plugin@"^1.0.5" from @vue/cli-service@3.12.1 npm WARN node_modules/@vue/cli-service npm WARN 24 more (@soda/friendly-errors-webpack-plugin, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer webpack@"^1.9 || ^2 || ^2.1.0-beta || ^2.2.0-rc || ^3.0.0" from uglifyjs-webpack-plugin@0.4.6 npm WARN node_modules/uglifyjs-webpack-plugin npm WARN uglifyjs-webpack-plugin@"^0.4.6" from webpack@3.12.0 npm WARN node_modules/vue-photo-preview/node_modules/webpack npm WARN npm WARN Conflicting peer dependency: webpack@3.12.0 npm WARN node_modules/webpack npm WARN peer webpack@"^1.9 || ^2 || ^2.1.0-beta || ^2.2.0-rc || ^3.0.0" from uglifyjs-webpack-plugin@0.4.6 npm WARN node_modules/uglifyjs-webpack-plugin npm WARN uglifyjs-webpack-plugin@"^0.4.6" from webpack@3.12.0 npm WARN node_modules/vue-photo-preview/node_modules/webpack
最新发布
06-14
这个警告信息表明 `vue-beautiful-chat` 安装时出现了一些依赖问题，主要是因为不同的依赖项所需要的 `webpack` 版本不同，导致冲突。这通常是由于项目中安装的不同依赖项所需的 `webpack` 版本不同所致。你可以尝试...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值