VSCODE&VUE常用插件及配置

1,Vetur

文件->首选项->设置,打开setting.json

2,Auto Rename tag

3,Auto Close tag

4,VUE helper

ESXI中VMkernel和VM Network有什么区别

ESXI中VMkernel和VM Network有什么区别,各有什么样的作用?现在就做一个简单的分析介绍。
在vSphere的ESXi服务器上,有两大类型的端口组,分别是:
VM Network – 用于所有虚拟网路卡连接的端口,相当于物理交换机的下行端口组;
VMkernel – 它包含4个子接口,分别是:Management Traffic、vMotion、Fault Tolerance和IP Storage;
默认情况下,VMkernel下的4个子接口的IP地址,都可以用于vSphere Client或命令行登录管理,那么,区别究竟体现在哪里呢?
Management Traffic – 这个接口主要用于配置vSphere HA时,管理网路心跳传输时用,如果不勾选,则意味着,没有vSphere HA没有心跳网路,将配置失败;
vMotion – 这个接口则用于支持将虚拟机从A ESXi主机在线迁移到B ESXi主机,如果没有这个接口,将无法迁移;Fault Tolerance – 这个接口则用于支持虚拟机容错;
IP Storage – 这个接口被用于连接IP存储用,包括iSCSI和NFS存储,都可以;
默认情况下,可以把所有选项都勾选上,但是,这样一来,所有流量都将走同一个通道,容易形成相互干扰,进而导致对应的功能失败。因此,在生产环境中,建议独立划分不同的VMkernel子接口,以便完全保障对应业务的成功性。

完全卸载nodejs

Take a deep breath.
Uninstall from Programs & Features with the uninstaller.
Reboot (or you probably can get away with killing all node-related processes from Task Manager).
Look for these folders and remove them (and their contents) if any still exist. Depending on the version you installed, UAC settings, and CPU architecture, these may or may not exist:

C:\Program Files (x86)\Nodejs
C:\Program Files\Nodejs
C:\Users\{User}\AppData\Roaming\npm (or %appdata%\npm)
C:\Users\{User}\AppData\Roaming\npm-cache (or %appdata%\npm-cache)
C:\Users\{User}\.npmrc (and possibly check for that without the . prefix too)
C:\Users\{User}\AppData\Local\Temp\npm-*

Check your %PATH% environment variable to ensure no references to Nodejs or npm exist.
If it’s still not uninstalled, type where node at the command prompt and you’ll see where it resides — delete that (and probably the parent directory) too.
Reboot, for good measure.

转自:https://stackoverflow.com/questions/20711240/how-to-completely-remove-node-js-from-windows

NPM设置

在node安装目录创建/nodejs/node_global、/nodejs/node_cache两个文件夹存放全局包
CMD下执行如下命令:

1,环境变量的一种配置方法

增加环境变量 系统变量NODE_PATH 内容是:D:\Program Files\nodejs\node_global\node_modules

NODE_PATH是NODE中用来寻找模块所提供的路径注册环境变量,像操作系统中都会有一个PATH环境变量,当系统调用一个命令的时候,就会在PATH变量中注册的路径中寻找,如果注册的路径中有就调用,否则就提示命令没找到,NODE_PATH类似如此。

NODE模块加载(查找)是从项目的根位置递归搜寻 node_modules 目录,直到文件系统根目录的 node_modules,如果还没有查找到指定模块的话,就会去 NODE_PATH中 注册的路径中查找。

说明:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。

2,环境变量的另一种配置方法

参考:https://blog.csdn.net/jianleking/article/details/79130667
3.配置环境变量
计算机->属性->高级系统配置->环境变量->用户变量->编辑path,添加`global“目录如下:

PATH: D:\node\nodejs\node_global\;

总结:

不需要添加系统环境变量NODE_PATH,只需编辑用户环境变量
包安装统一到node安装包目录,便于管理查询
只需修改.npmrc一个文件
之前path可能会产生影响,不生效请删除原环境path中node相关内容,尝试重启机器

 

批注:实测第二种是好使的

新手向:Vue 2.0 的建议学习顺序

起步

1. 扎实的 JavaScript / HTML / CSS 基本功。这是前置条件。

2. 通读官方教程 (guide) 的基础篇。不要用任何构建工具,就只用最简单的 <script>,把教程里的例子模仿一遍,理解用法。不推荐上来就直接用 vue-cli 构建项目,尤其是如果没有 Node/Webpack 基础。

3. 照着官网上的示例,自己想一些类似的例子,模仿着实现来练手,加深理解。

4. 阅读官方教程进阶篇的前半部分,到『自定义指令 (Custom Directive) 』为止。着重理解 Vue 的响应式机制和组件生命周期。『渲染函数(Render Function)』如果理解吃力可以先跳过。

5. 阅读教程里关于路由和状态管理的章节,然后根据需要学习 vue-router 和 vuex。同样的,先不要管构建工具,以跟着文档里的例子理解用法为主。

6. 走完基础文档后,如果你对于基于 Node 的前端工程化不熟悉,就需要补课了。下面这些严格来说并不是 Vue 本身的内容,也不涵盖所有的前端工程化知识,但对于大型的 Vue 工程是前置条件,也是合格的『前端工程师』应当具备的知识。

前端生态/工程化

1. 了解 JavaScript 背后的规范,ECMAScript 的历史和目前的规范制定方式。学习 ES2015/16 的新特性,理解 ES2015 modules,适当关注还未成为标准的提案

2. 学习命令行的使用。建议用 Mac。

3. 学习 Node.js 基础。建议使用 nvm 这样的工具来管理机器上的 Node 版本,并且将 npm 的 registry 注册表配置为淘宝的镜像源至少要了解 npm 的常用命令,npm scripts 如何使用,语义化版本号规则,CommonJS 模块规范(了解它和 ES2015 Modules 的异同),Node 包的解析规则,以及 Node 的常用 API。应当做到可以自己写一些基本的命令行程序。注意最新版本的 Node (6+) 已经支持绝大部分 ES2015 的特性,可以借此巩固 ES2015。

4. 了解如何使用 / 配置 Babel 来将 ES2015 编译到 ES5 用于浏览器环境。

5. 学习 Webpack。Webpack 是一个极其强大同时也复杂的工具,作为起步,理解它的『一切皆模块』的思想,并基本了解其常用配置选项和 loader 的概念/使用方法即可,比如如何搭配 Webpack 使用 Babel。学习 Webpack 的一个挑战在于其本身文档的混乱,建议多搜索搜索,应该还是有质量不错的第三方教程的。英文好的建议阅读 Webpack 2.0 的文档,比起 1.0 有极大的改善,但需要注意和 1.0 的不兼容之处

Vue 进阶

1. 有了 Node 和 Webpack 的基础,可以通过 vue-cli 来搭建基于 Webpack ,并且支持单文件组件的项目了。建议用 webpack-simple 这个模板开始,并阅读官方教程进阶篇剩余的内容以及 vue-loader 的文档,了解一些进阶配置。有兴趣的可以自己亲手从零开始搭一个项目加深理解。

2. 根据 例子 尝试在 Webpack 模板基础上整合 vue-router 和 vuex

3. 深入理解 Virtual DOM 和『渲染函数 (Render Functions)』这一章节(可选择性使用 JSX),理解模板和渲染函数之间的对应关系,了解其使用方法和适用场景。

4. (可选)根据需求,了解服务端渲染的使用(需要配合 Node 服务器开发的知识)。其实更重要的是理解它所解决的问题并搞清楚你是否需要它。

5. 阅读开源的 Vue 应用、组件、插件源码,自己尝试编写开源的 Vue 组件、插件。

6. 参考 贡献指南 阅读 Vue 的源码,理解内部实现细节。(需要了解 Flow

7. 参与 Vue GitHub issue 的定位 -> 贡献 PR -> 加入核心团队 -> 升任 CTO

转自:https://zhuanlan.zhihu.com/p/23134551

箭头函数

来深入了解箭头函数的语法:

如果没有参数,那么可以进一步简化:

如果只有一个参数,可以省略括号:

如果返回值仅仅只有一个表达式(expression), 还可以省略大括号:

winodws 下搭建vuejs环境

1,安装nodejs

2,安装cnpm

Cmd命令行中输入npm install -g cnpm –registry=http://registry.npm.taobao.org

3,安装vue-cli

Vue-cli是快速构建这个单页应用的脚手架,
# 全局安装vue-cli
$ npm install -global vue-cli
# 创建一个基于webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖,走你
$ cdmy-project
$ npm install
$ npm run dev