第一次写博客,欢迎指教,由浅入深吧,现在写点简单的,慢慢的希望就能看到比较深刻的东西。最近想搭建一个springboot-vue的框架,vue之前只是学习过,并没有实际的开发经验,于是从GitHub上down下来一个,但是不会用!!!
我之前搭建过一个vue的环境,时间长了,这次搭建遇到很多难受的坑,现在的大多数人,文献博客太多转载来转载去,不得不去写博客记录下来;
下载一个node.js,版本node-v8.11.3-x64.msi;傻瓜式安装;
注意的是node.js自带npm,不是最新版本!!!npm是什么我理解的不是太深刻,简单来说node的包管理工具,个人简单理解和maven比较像, 具体出入不太清楚,有一点npm可以分享自己的代码上去,这点来看,一个项目很大的话,成百上千的包,通过npm很好管理;之前只知道直接require引入js,现在发现他可以将不同模块打包成单个js文件,不懂得东西还是不要加进去,让自己的项目变得笨重,真正的功能并没有被发掘那;再说打包工具比如webpack,因为之前认识的都是大佬,程序员之间我认为你懂,我知道我不懂,但是我可以装懂,哈哈,我去查呗;
先说打包:打包是将你开发后的可执行文件和必要的文档(如使用说明等)使用打包工具制作成软件包,就是我们通常用来安装软件的那个东西。(这是网上理解)个人见解就是类似数据库的二叉树一样,我这个包里存在子节点,子节点去找子节点的子节点,是项目轻巧,主要文件配置也提取出来,当使用时,只需要告诉别人我都有什么配置,但我不带,大大减小了项目发布的便捷和轻巧;
webpack打包工具:分析你的项目结构,转换方言和打包变成通用性语言;我对他不太理解,但是看了一下配置文件,发现和nginx的配置很相像,初步认为就是整体,提供一个入口,提供入口的配置这样就能通过工具找到他旗下的节点;
安装node ,自带npm ,个人建议安装镜像 cnpm 的安装方式我使用并不好使,就是安装上了,不能用,不清楚什么原因导致npm也不能用了,重安装镜像也不好使,没有细究,直接卸载node,删文件夹就可以;
后来使用npm config set registry https://registry.npm.taobao.org
// 配置后可通过下面方式来验证是否成功
npm config get registry
// 或
npm info express
镜像才安装成功!
安装webpack的时候,我的版本是4.16.3;自4.0起,需要在原安装的基础上安装webpack-cli 命令是cnpm install webpack webpack-cli –save-dev;
安装vue-cli的时候发现npm下不下来,不得不换成cnpm命令,听说会导致部分包下载失败,但我没什么办法,结果还是好的,项目成功运行了
github里的vuex,欢迎大家来批评,对我而言,批评对我是进步,以前工作的时候,你只要说哪个技术,我就回去能写就行,现在不这样想了,不会的东西一定要细究,不懂得技术一定要不要班门弄斧。年轻不再是本钱,步履虚浮见效快,但是并不能给你带来真正想要的东西
vue-cli搭建
最新推荐文章于 2024-07-16 23:09:04 发布