首页 > 其他分享 >vue前端纯小白向快速扫盲贴集合

vue前端纯小白向快速扫盲贴集合

时间:2023-04-07 11:24:55浏览次数:48  
标签:npm node vue 博客 js 扫盲 纯小白 com

看的一些博客,对于刚入门被前端各种东西搞得头昏的小白扫盲还是很有帮助的,可以快速理解前端总说的一些东西到底是干什么的。

1 创建vue项目所需外部环境 node npm  vue/cli脚手架

   官网下载node.js 直接下一步下一步即可,管理员打开cmd 执行 node -v正确返回版本

   如何升级node?window不支持n模块,从官网上下载最新的升级就行。

   如何升级npm?npm install npm -g升级到最新 npm intsall npm@xxx -g升级到指定版本

2 node相关知识 

     什么是nodejs ?

      nodejs是一个基于chrome的V8引擎开发的C++程序,目的是提供一个js的运行环境。最早用于后端服务器开发,后被用于前端。nodejs使js可以脱离浏览器运行,有两种方式:1 使用nodejs交互界面运行js代码 2 直接执行js文件代码。

     早期前端开发一般都是直接写html代码和js文件,写好放在服务器上,js压缩要借用别的第三方工具,将压缩好的新文件部署到服务器上,容易和源文件对不上版本,不利于管理等,nodejs因为其基于V8引擎,再加上提供了IO文件操作等功能,初衷又是方便对服务器进行操作,在其基础上开发者开发出比如webpackage,bable之类的工具,使前端开发后的打包压缩之类的变得工程化。

         Steam => 吃鸡启动器   Node.js => Angular/React/Vue启动器

       什么是npm? npm全称nodejs package manage 。包管理器,可以直接使用github上的写好的包,下载下来自己使用。

        什么是 Nodejs ? - 知乎 (zhihu.com)

       纯前端开发眼里nodejs到底是什么? - 知乎 (zhihu.com)

 

 

 

 

 

 

    2.1 使用cmd npm config查看node相关配置。metrics-registry表示远程仓储,就是本地依赖包从哪里下载下来的。prefix表示本地仓储,即全局下载时包存在的地址。cache是缓存仓储位置。.npmmrc是配置文件,相关东西都可以在这里直接修改。一般在c/user文件夹下。

          Nodejs-修改本地npm仓库位置_node本地仓库_W&T的博客-CSDN博客

     使用:where node 指令查看node环境安装位置,这个位置需要配置在环境变量path里面。否则使用cmd可能找不到指令

 

3 什么是webpack ??js打包工具

 

 

 

 

 

什么是webpack? - 知乎 (zhihu.com)

  除了webpack还可以使用vite,vuecli里也可以指定是用webpack或者vite进行打包。

   选择webpack还是vite? - 知乎 (zhihu.com)

4 什么是vue/cli 和vue的区别是什么

 安装vue-cli到底是什么? - 知乎 (zhihu.com)

 

 

 

5有哪些常用包?都是干嘛用的?

    30 个有用的 Node.js NPM 包 - 掘金 (juejin.cn)

6 全局安装和本地安装区别

 分清全局安装与本地安装 - 不想飞的小鸟 - 博客园 (cnblogs.com)

(7条消息) 全局安装和本地安装的区别(浅显易懂)_泥鸽鸽的博客-CSDN博客

npm(你怕吗) 全局安装与本地安装、开发依赖和生产依赖 - 一抹夏忧☆ - 博客园 (cnblogs.com)

 

 

 

7  拿到别人vue怎么运行

拿到别人的vue项目之后如何运行_别人的vue项目怎么跑起来_喜大普奔⁶⁶⁶的博客-CSDN博客

(7条消息) 如何运行vue项目(超详细图解)_vue项目怎么运行_Dwzun的博客-CSDN博客

8  安装install 失败提示 -4048怎么办

(7条消息) 解决: npm install 报错 ‘The operation was rejected by your operating system‘_Run_youngman的博客-CSDN博客

上面那个是node权限有问题 ,删除npmrc会导致自己的一些npm配置失效

 

30 个有用的 Node.js NPM 包 - 掘金 (juejin.cn)

标签:npm,node,vue,博客,js,扫盲,纯小白,com
From: https://www.cnblogs.com/stt-bky/p/17293837.html

相关文章

  • 支持多种文件(docx、excel、pdf)预览的vue组件库,支持vue2/3。
    原文链接https://github.com/501351981/vue-office 功能特色一站式:提供docx、pdf、excel多种文档的在线预览方案,有它就够了简单:只需提供文档的src(网络地址)即可完成文档预览体验好:选择每个文档的最佳预览方案,保证用户体验和性能都达到最佳状态安装#docx文档预览组件......
  • Vue中axios请求后res返回204,no content,res.data为undefind
    一直以为后台只要返回200-299之间的状态码就没问题,就是这个错误认知,花了三个小时终于想到解决办法附上axios 地址  axios中文文档|axios中文网|axios(axios-js.com)前面一直想着后台能接收处理请求,肯定不是后台问题,一直花时间配置前端请求指令,以及设置响应拦截器查看情况......
  • 使用vue2从零开始搭建自己的组件库(完整版)
    前言在前端开发中,除了常用的UI组件库以外,我们还会涉及到基于公司业务,需要定制化开发一些业务组件,还有随着项目的增多,开发人员的增多,为了提高工作效率,我们就需要统一管理好已开发好的业务组件。这时候我们就需要搭建自己的组件库,因为涉及到一些公司的业务,我们只能发布到私服的npm......
  • vue3.0和2.0的区别
    Vue.js是一个渐进式JavaScript框架,Vue.js3.0相比于2.0有以下区别:更快:Vue.js3.0的渲染速度比2.0快了近30%。更小:Vue.js3.0的体积比2.0小了41%。更易维护:Vue.js3.0的代码结构更加清晰,更易于维护。更易于原生:Vue.js3.0的内部实现更加接近原生JavaScript,使得开发者更容易理......
  • VSCode自建vue示例模板
    步骤打开File->Preferences->ConfigureUserSnippets选择NewGlobalSnippetsfile...输入名字(自定义),填入以下内容,注意修改vue.js路径{"Printtoconsole":{"prefix":"vue","body":["<scrip......
  • vue全家桶进阶之路27:Vue.js 3.0的下载和安装
    使用脚手架vue-cli创建vue3项目,创建前需要准备以下:1、node.js环境见:https://www.cnblogs.com/beichengshiqiao/p/17251233.html2、npm、cnpm工具见:https://www.cnblogs.com/beichengshiqiao/p/17251860.html3、vue框架见:https://www.cnblogs.com/beichengshiqia......
  • uni-app:nvue:配置底部安全区域(hbuilderx 3.7.3)
    一,文档地址:https://uniapp.dcloud.net.cn/collocation/manifest-app.html#full-manifest如图: 说明:offset:底部安全区域偏移,"none"表示不空出安全区域,"auto"自动计算空出安全区域二,编辑配置文件:manifest.json,如图所示,选择源码视图,在app-plus一项下进行设置1,取......
  • vue之双向数据绑定v-model
    目录简介语法示例简介在vue中,当修改了变量,页面内容会根据变量的变化而变化。但是如果页面变化了,变量不会变化,这个就是单向数据绑定。当页面变化,变量也会跟着变化,这个是双向数据绑定语法<inputtype="text"v-model="变量">示例<body><divid="app"><!--单向数据......
  • vue全家桶进阶之路25:Vue2的停维通知
      Vue2的技术支持会持续多久?从官方发文来看,Vue2.7是当前、同时也是最后一个Vue2.x的次级版本更新。Vue2.7会以其发布日期,即2022年7月1日开始计算,提供18个月的长期技术支持(LTS:long-termsupport)。在此期间,Vue2将会提供必要的bug修复和安全修复,但不再......
  • vue之事件修饰符
    目录修饰符.stop事件.self事件.prevent事件.once事件修饰符事件修饰服释义.stop只处理自己的事件,子控件不再冒泡给父控件.self只处理自己的事件,子控件的冒泡不处理.prevent阻止a标签链接的跳转,也可以修改跳转页面.once事件只会触发一次(适用于抽奖页面)......