npm

前提工作-安装并配置好以下环境： 1、安装node 　　2、安装git 1、初始化项目 vue init webpack vue- elementui npm run dev 2、安装element npm i element-ui -S 3、引入element 　　 3.1：在main.js中引入elementUI import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) 4、测试 　　4.1：新建xxx.vue文件，复制一段elementUI的代码(你也可以去element网站里复制一份代码) <el- menu : default -active="activeIndex2" class ="el-menu-demo" mode ="horizontal" @select ="handleSelect" background -color="#545c64" text -color="#fff" active -text-color="#ffd04b"> <el-menu-item index="1">处理中心</el-menu-item> <el-submenu index="2"> <template slot="title"

今天这篇文章是讲述一下 融合了vue-cli+electron的一种新的脚手架，省去许多繁琐配置，即vue-electron。 下面就说一下安装和使用，假设你的电脑已经安装node.js,并且已经全局搭建好vue-cli脚手架，如果没有的话，打开终端：$npm install --global vue-cli 全局安装。 1.新建文件夹，cd 到你将要安装的文件夹目录，$vue init simulatedgreg/electron-vue 这一步骤极其相似于当初安装vue-cli脚手架时，一个一个步骤来，截几张图 类似于这样 选择 enter yes 或者 no 看自己的选择 注意这一步呢，我选择了electron-packager 项。到这里你就可以看到，本来的空文件夹里现在新建了vue-electron基础文件 2.$npm install 这一步主要是安装依赖，耗时有点久。完毕后项目内多了node_modules 文件夹，里面东西较多。如图： 3.$npm run dev 会出现的 界面如图：右下角是一起出来的控制台 哈哈，完美呈现出来桌面应用。 4.打包。先看看项目package.json文件截图 scripts内各种打包命令，其中就包括Mac、Windows、Linux三大平台。例如我想在Mac上打包运行，$npm run build:darwin

此系列文章将整合我的 React 视频教程与 React Native 书籍中的精华部分，给大家介绍 React 与 React Native 结合学习的方法，此小节主要介绍 React 的底层原理与机制。 目前 React 可以说是前端世界最火热的框架，具有高性能以及容易上手的特性，而且在掌握了 React 框架后，再学习其他类似 React 的框架也将变得更易上手。 关于 React 框架的高性能原因以及底层的重要概念，我们在后续的章节会陆续展开探讨，这一章节我们先来通过一个实际的案例来探究 React 的重要概念与特性。 如果你对 React 框架已非常熟悉，可以选择性地跳过此章节，直接阅读后续章节即可。 1. React 框架的安装 学习 React 框架，我们可以通过如下几种方式搭建开发环境进行快速地学习。 1.1 使用在线代码编辑器编写学习 在线编辑器中可以灵活地切换 React 的版本以及选择 Babel 作为 JSX 代码到 JavaScript 的预处理转换。 如官方推荐的在线代码编辑器 React 环境： CodePen 。 1.2 本地开发环境的搭建 1.2.1 安装 Node.js Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 Node

vConsole github地址 vConsole 是腾讯开源的项目，这就简单的介绍一下使用 使用npm引入vconsole.min.js 下载 vConsole 的最新版本。（不要直接下载 dev 分支下的 dist/vconsole.min.js） 或者使用 npm 安装： npm install vconsole 引入 dist/vconsole.min.js 到项目中： <script src="path/to/vconsole.min.js"></script> <script> // 初始化 var vConsole = new VConsole(); console.log('Hello world'); </script> 手动引入vconsole.min.js <script src="项目的路径/vconsole.min.js"></script> <script> // 初始化 var vConsole = new VConsole(); console.log('Hello world'); </script> 或者去BootCDN搜索对应的版本引入 <script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>

1.首先我们去nodejs官网： https://nodejs.org/en/download/ (下载nodejs，下载自己电脑想匹配的最新版本) 2.其次 去下载一个cnpm （注释：淘宝npm镜像，这个是阿里把外国的npm服务器搬到我们中国来了，用淘宝镜像npm下载一些配置文件会更快一些） 操作如下：电脑右下角 window输入cmd， 把 npm install - g cnpm -- registry = https :// registry . npm . taobao . org 复制到cmd里面去就可以拉。（注释：我们用ctrl+C 复制网站，在cmd中鼠标点击右键粘贴就可以复制 npm install - g cnpm -- registry = https :// registry . npm . taobao . org 然后回车键进行安装。 ） 3.安装vue文件 cnpm install i vue -S 4. 安装vue脚手架，关于脚手架问题， 有些兄弟姐妹会发现安装的时候会一直卡着不动，我也遇到过这个问题，最后查资料发现是我安装的vue脚手架版本比较低出现的问题 // 之前我安装的时候是用 cnpm install -g vue/cli 用这个安装的是旧版本的特别伤，我用vue init webpack app的时候，真的卡在一个地方一个晚上

搭建项目脚手架工程 是 架构师必需必会的基础技能 。 在脚手架的帮助下，我们只需要跑一个命令就可以生成一个项目，不需要再思考项目的目录结构，单元测试，所需要的依赖等繁琐的事情。 虽然脚手架一般只用于前端工作流中项目的起始阶段，而且由于“用后即弃”的性质，并不被前端工程化领域所重视。但 随着前端工程体系越来越复杂，脚手架的重要性却在逐渐突出。 引用 《前端工程化：体系设计与实践》 书里的一段话：“前端工程体系的功能涵盖范围广，封装的方案类型多，对应的配置项也非常复杂。对于多数业务开发者来说，他们不需要了解其中的复杂原理，只需要知道如何配置即可。” 这就要求脚手架能够快速开发快速配置，将非必要的工程化体系的技术细节封装到一个黑盒中，把一线业务开发人员从不必要的工程体系相关繁琐的工作开发任务隔离开来，提高相关业务人员关注的业务本身，提高专注性，提高生产效率。 轻松构建你自己的脚手架 我们熟知的vue-cli，create-react-app都是前端圈最知名、最流行、最大众化的脚手架工具，但是实际工作的时候，常常会有凭现有工具无法满足的复杂需求。 这就需要我们掌握快速开发自己的脚手架工具的能力。 在这里给大家推荐一套视频教程—— 《从0到1用Node完成一个CLI工具》 帮助你： 从零构建一个Cli工具 command命令行 模板库代码拉取 Vue约定路由功能 npm库发布

一、环境安装： 1.安装基本工具 ``` yum install curl ``` 2.安装docker 2.1 确保yum包更新到最新： ``` yum update -y ``` 2.2 对服务器进行清理， 如果之前安装过Docker ， 需要先执行卸载操作，具体命令 ``` sudo yum remove docker docker-client docker-client-latest docker-common docker-latest docker-latest-logrotate docker-logrotate docker-selinux docker-engine-selinux docker-engine ``` 2.3 安装需要的软件包： ``` yum install -y yum-utils device-mapper-persistent-data lvm2 ``` 2.4添加docker yum 源 ``` yum-config-manager --add-repo http://mirrors.aliyun.com/repo/Centos-7.repo ``` 2.5安装docker ``` yum install docker-ce -y ``` 2.6查看docker版本信息，是否安装成功 ``` docker --version ``` 2