Vue 使用过程中的问题总结(npm Nodejs Vue Vue-cli)

导读:本篇文章讲解 Vue 使用过程中的问题总结(npm Nodejs Vue Vue-cli),希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

目录

关系图示

vue和webpack 的关系

Node.js

npm

package.json 有什么作用?

Vue2 和 Vue3的区别

Vue-cli的版本区别

Vue在VsCode中的常见配置

Vuter

Live server

Prettier vscode vue 自动格式化

Vue.js devtools

常见报错

Vue 报错error:0308010C:digital envelope routines::unsupported


关系图示

Vue 使用过程中的问题总结(npm Nodejs Vue Vue-cli)

 

 

vue和webpack 的关系

vue是一套渐进式(就是你需要什么就用什么,不需要什么就可以不用,强制你遵守的规则很少),自底向上增量开发(就是根据系统和硬件编写出基层的基本需求代码,再慢慢增加模块),由于他要求遵守的规则较少,你可以引不同自己需要的东西,就需要配合webpack打包工具把引入的不同模块的东西打包

webpack是一个工具,俗称打包工具,就是把所以浏览器不能识别的东西如(less,scss)等转换为浏览器可以识别的语言如(css),因为vue中需要引入大量的各种各样的模块,所以很依赖webpack。

Node.js

Node.js是一个Javascript运行环境(runtime environment),不是一个js文件,实质是对Chrome V8引擎进行了封装。Node.js 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与PHP、Python 等服务端语言平起平坐的脚本语言。
[1] Node.js提供替代的API,使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快,性能非常好。
[2] Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。chrome浏览器和Node.js在解析javascript都使用了v8引擎。

npm

全称是 Node Package Manager 包管理工具。
这一点和maven、gradle十分相似,只不过maven、gradle是用来管理java jar包的,而npm是用来管理js的。

NPM 的实现思路和maven、gradle是一样的:
1、有一个远程代码仓库(registry),在里面存放所有需要被共享的js代码,每个js文件都有自己唯一标识。
2、用户想使用某个js的时候,只需引用对应的标识,js文件会自动下载下来。

package.json 有什么作用?

npm上发布包时,需要npm init生成package.json文件
package.json中的信息来描述这个包,并提供包所需要的依赖

Vue2 和 Vue3的区别

vue2与vue3的区别_刘依铭的博客-CSDN博客_vue2和vue3区别

Vue-cli的版本区别

不同版本vue-cli区别 详解_林夏天的博客-CSDN博客_vuecli版本区别

Vue在VsCode中的常见配置

Vuter

Vue的基础插件, 安装后会有代码高亮,语法检查等效果。

Live server

live server 可以让Vue程序在浏览器中显示,配合浏览器的 Vue开发工具进行调试。

Prettier vscode vue 自动格式化

vscode vue 自动格式化(格式化冲突,只对vue格式化) – 简书

Vue.js devtools

浏览器端可以安装该插件,方便进行debug。

Vue 使用过程中的问题总结(npm Nodejs Vue Vue-cli)

 

常见报错

Vue 报错error:0308010C:digital envelope routines::unsupported

Vue 报错error:0308010C:digital envelope routines::unsupported_IDrens的博客-CSDN博客

待更新…

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/92753.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!