前端node,npm,vue 安装流程

使用教程这里很详细，照着做就可以了

https://blog.csdn.net/weixin_43453621/article/details/126585793

报错

如果运行 npm run serve 报错

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:133:10)
    at module.exports (D:\wwwroot\zkx-qianduan\admin-vue\node_modules\webpack\lib\util\createHash.js:135:53)
    at NormalModule._initBuildHash (D:\wwwroot\zkx-qianduan\admin-vue\node_modules\webpack\lib\NormalModule.js:417:16)
    at handleParseError (D:\wwwroot\zkx-qianduan\admin-vue\node_modules\webpack\lib\NormalModule.js:471:10)
    at D:\wwwroot\zkx-qianduan\admin-vue\node_modules\webpack\lib\NormalModule.js:503:5
    at D:\wwwroot\zkx-qianduan\admin-vue\node_modules\webpack\lib\NormalModule.js:358:12
    at D:\wwwroot\zkx-qianduan\admin-vue\node_modules\loader-runner\lib\LoaderRunner.js:373:3
    at iterateNormalLoaders (D:\wwwroot\zkx-qianduan\admin-vue\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
    at Array.<anonymous> (D:\wwwroot\zkx-qianduan\admin-vue\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
    at Storage.finished (D:\wwwroot\zkx-qianduan\admin-vue\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
    at D:\wwwroot\zkx-qianduan\admin-vue\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
    at D:\wwwroot\zkx-qianduan\admin-vue\node_modules\graceful-fs\graceful-fs.js:123:16
    at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'

原因分析
1、原项目是在nodejs 16版本上跑，目前升级为nodejs 18，可能是由于升级影响的
2、具体错误原因：ERR_OSSL_EVP_UNSUPPORTED 错误SSL 数字信封不支持在这里插入代码片

set NODE_OPTIONS=--openssl-legacy-provider

在运行 可以正常启动啦

  App running at:
  - Local:   http://localhost:8080/admin/
  - Network: http://192.168.0.116:8080/admin/

  Note that the development build is not optimized.
  To create a production build, run npm run build.

学习

笔记&视频

教程 笔记 禹神授课
视频：
添加链接描述
笔记：
1-50级视频
51-100级视频
101-135级视频

JS常用库

日期库
dayjs

ES6的三种暴露方式

https://blog.csdn.net/m0_63779088/article/details/125858361

Vue项目中new Vue()和export default{}的区别说明

1. new Vue({}) 是为了实例化,而export default {}是导出模块,供其他模块进行调用,

new Vue({}) ->创建一个Vue的实例 就是相当于创建一个根组件；而export default 相当于使用Vue.component注册了一个全局组件或者是一个单纯的局部组件。就像一个模板一样，还没有被用到 。那在什么时候用呢。创建实例的时候 也就是 new Vue({})创建一个实例之后 如果这个根实例中有调用这个组件，这时就发挥作用。

2.export default 是用来导出的 。就相当于暴露了一个接口给外界，让你其他文件可以通过 import 来引入使用

另外 export default和export的区别是 前者只能导出一个 ，后者可以导出若干个

一般都是导出一个组件。然后去父组件中定义引入就能使用。