火影推荐程序连载14-Vue开源项目使用探索

前言

本文记录一次使用Vue开源项目的过程。

寻找Vue开源项目

要使用Vue开源项目就必须先找到一个，我们去Github上搜索【后台】，然后使用Vue分类进行检索，找到排名第一的开源框架

然后新建一个文件夹，将下载解压后的文件放进去，如下图：

运行项目

运行CMD，输入【cd /d F:\Vue\vue-framework-wz-master】

然后输入【npm install】，如下图：

然后耐心等待其下载依赖项。

然后，得到结果缺少Python环境，安装失败。。。

解决方案：先安装windows-build-tools——windows构建工具，如下。

1 2	`npm install --global --production windows-build-tools` `npm install -g node-gyp`

安装windows-build-tools时需要使用【管理员权限的CMD】，不然会提示【Please restart this script from an administrative PowerShell!】

安装完windows-build-tools和node-gyp后，从新运行一个管理员权限的CMD窗口，再从新运行【F:\Vue\vue-framework-wz-master>npm install】初始化项目。

1	`npm run dev`

初始化成功后，运行npm run dev，启动nodejs的服务器，运行网站，结果如下图：

输入账号密码，进入后台管理页面，如下图：

注：想要CMD执行npm开头的命令，需要先安装Nodejs。

　　string e =www.qiaoheibpt.com "abc";
　　
　　//这里e还是使用字符串的留存性，且使用的还是a的地址。证明c分配的内存引用并没有放入常量池替换
　　
　　Assert.True(www.yachengyl.cn string.ReferenceEquals(www.letianhuanchao.cn a, e));
　　
　　Assert.False(www.feihongyul.cn string.ReferenceEquals(www.fengmingpt.com, e));
　　
　　string f www.baihuayl7.cn= "abc" + "abc";
　　
　　string g www.jintianxuesha.com= a +www.xinxingyulep.cn b;
　　
　　string h =www.jujinyule.com "abcabc";
　　
　　void testDeleteFileDir3(www.zhuyngyule.cn) throws IOException {
　　
　　Path path =www.baichuangyule.cn Paths.get(www.shentuylzc.cn"D:\\data\\test1");
　　
　　//如果文件不存在，返回false，表示删除失败(文件不存在)
　　
　　//如果文件夹里面包含文件，抛出DirectoryNotEmptyException
　　
　　void testDeleteFileDir4(www. jinmazx.cn) throws IOException {
　　
　　Path path = Paths.get(www.bhylzc.cn"D:\\data\\test1");
　　
　　boolean result = Files.deleteIfExists(path);
　　
　　System.out.println(result);
　　
　　//IsInterned 表示从常量池中获取对应的字符串，获取失败返回null
　　
　　//a+b实际上是发生了字符串组合运算，内部重新new了一个新的字符串，所以f,g引用地址不同
　　
　　Assert.False(string.ReferenceEquals(www.xinxingyulep.cn, g));
　　
　　Assert.True(string.ReferenceEquals(www.baihua178.cn string.IsInterned(www.lecaixuangj.cn), h));
　　
　　Assert.True(string.ReferenceEquals(www.yixinpt2.cn f,www.pinguo2yl.com h));

首先我们安装Visual Studio Code，然后使用文件—打开文件夹，然后找到我们刚才的项目路径，然后打开项目。

然后找到后台首页默认显示的仪表盘的网页，如下图：

然后修改页面的Header。

然后重新回到刚刚的网页。

即不用重启Nodejs服务器，也不用编译，可以看到我们的修改内容已经被更新了。

----------------------------------------------------------

到此Vue开源项目使用探索结束。

----------------------------------------------------------

注：此文章为原创，任何形式的转载都请联系作者获得授权并注明出处！
若您觉得这篇文章还不错，请点击下方的【推荐】，非常感谢！

火影推荐程序连载14-Vue开源项目使用探索相关推荐

火影推荐程序连载16-聊聊前端监控——错误监控篇
当有人问起:你们的公司的这款应用用户体验怎么样呀?访问量怎么样?此时,你该怎么回答呢?你会回答:UV.PV 巴拉巴拉,秒开率.FP.TTI 巴拉巴拉. 那么,这些数据是哪里来的呢?显而易见,这些数据都 ...
火影推荐程序连载32-我是如何使用freemarker生成Word文件的?
背景一天,产品经理递给我了一份word报告,我定睛一看这个文档有大大小小的标题层级,还有排版好的段落.各种一目了然的饼图.走势图,当然还少不了颜色循环交替的报表.精致程度不亚于小明同学的学习报告. ...
火影推荐程序连载23-Robot Framework自动化测试框架核心指南-如何做好自动化测试平台框架的设计
自动化测试如果需要能高效快速的支撑软件项目的测试,项目的快速迭代以及上线,除了以上我们介绍的需要许多的Lib来支持以及需要高效的去编写自动化测试案例外,还需要一个好的自动化测试框架平台来支撑我们的自动 ...
火影推荐程序连载56-linux硬盘分区及挂载
这是一个系列的文章,打算把Redis的基础数据结构.高级数据结构.持久化的方式以及高可用的方式都讲一遍,公众号会比其他的平台提前更新,感兴趣的可以提前关注,「SH的全栈笔记」,下面开始正文. 如果你是 ...
火影推荐程序连载6-径向模糊简介
径向模糊,是一种从中心向外呈幅射状,逐渐模糊的效果. 因此径向模糊经常会产生一些中心的发散效果,在PS中同样也有径向模糊的滤镜效果. 径向模糊通常也称为变焦模糊.径向模糊(Radial Blur)可以 ...
火影推荐程序连载52-什么是Serilog？
上文说到Nlog日志框架,感觉它功能已经很强大,今天给大家介绍一个很不错的日志框架Serilog,根据我的了解,感觉它最大的优势是,结构化日志,它输出的日志是Json的格式,如果你使用的是Mongod ...
13 个优秀的 Vue 开源项目及合集推荐
关注不迷路 Vue 结合了 React 和 Angular 的优点,并且有着团结.活跃且庞大的社区,可以帮助解决开发中遇到的问题.开源社区不断提出解决问题的新方法.工具和库的数量也贡献量不断的增加. ...
开源项目推荐：推荐5款前端的开源项目，vue、uniapp、react学无止境用无止境_
vue开源项目 1. vue-element-admin git地址:https://gitee.com/panjiachen/vue-element-admin.git 这是一款基于vue2.x+e ...
推荐 7 个 yyds 的开源项目
华为天才少年又出新作,自制了一个钢铁侠的机械臂,而且已经开源.本文就盘点最近比较火的开源项目,包括: 钢铁侠的机械臂秒杀系统设计与实现个人独立博客系统适用于 Android 电视和电视盒的应用 ...

火影推荐程序连载14-Vue开源项目使用探索

火影推荐程序连载14-Vue开源项目使用探索相关推荐

最新文章

热门文章