默认的新建图标都需要选择一下文档类型。
 
而我们经常需要创建txt文件，也得点击两下鼠标，很麻烦。
 
解决办法：
 
在工具栏上customize,把New Normal Text拖拽到Toolbar中即可。

Webstorm添加新建文件类型
 
以创建Vue文件为例：
 
  File—Setting—Editor—File and Code Template分支，点击添加，依次输入Name和Extension，OK即可。如图：
 
 
Webstorm创建文件模板
 
  Webstorm新建文件过程中现在文件头部加入创建时间，作者信息，项目名称，需要用到修改默认的模板，即上一步，如图：
 
   Webstorm提供了常用的预定义模板变量，用户名，项目名称，时间，年，月，日等
 
 
${PROJECT_NAME} - 当前项目的名称
 
 
${NAME} - 在创建文件期间在新建文件对话框中指定的文件名称
 
 
${USER} - 系统的当前用户登录名称
 
 
${DATE} - 当前系统日期
 
 
${TIME} - 当前系统时间
 
 
${YEAR} - 当前年份
 
 
${MONTH} - 当前月份
 
 
${DAY} - 当前月的日期
 
 
${HOUR} - 当前时刻
 
 
${MINUTE} - 当前分钟
 
 
${PRODUCT_NAME} - 将被创建文件所在的IDE名称
 
 
${MONTH_NAME_SHORT} - 月份名称的前3个字母，例如: Jan, Feb, etc.
 
 
${MONTH_NAME_FULL} - 月份全称，例如: January, February, etc.
 
 
更多精彩
 
  同步博客，请移步 Webstorm添加新建文件类型 & 创建文件模板
 
  更多Webstorm设置（比如：安装vue插件等）请移步：webstorm中常用到的Vue设置和快捷键
 
  Mac设置和此步骤差不多啦~~

 
转载自:https://www.cnblogs.com/lclq/p/5741852.html

 
Linux命令（1）-创建文件
 

 
1.可以使用cat创建一个新的文件
 
　　命令：cat>>filename
 
　　使用cat创建文件时，以系统默认的文件属性作为新文件的属性，并接受键盘输入作为文件的内容。输入结束时按Ctrl+d退出并保存文件。
 
　　
 
　　另外，使用cat filename命令可以查看文件内容。
 
　　cat file1 file2 >> file3 命令也可将多个文件合并到一个新的文件当中。首先创建一个newfile1并输入内容然后合并。
 
　　
 
2.使用touch命令创建文件
 
　　首先，touch命令用的并不多，主要用于修改指定文件的访问和修改时间属性（Update the access and modification times of each FILE to the current time）。
 
　　当文件不存在时，则创建一个新的文件。touch只能创建空文件。
 
　　touch filename 以当前时间作为访问和修改时间属性值创建一个文件。
 
　　touche -r existfilename filename 根据existfilename的访问和修改时间属性确定filename的访问和修改时间属性。
 
　　
 
　　可以看到newfile与tfile2的修改时间属性相同。
 
3.创建连接文件
 
　　Linux 系统引入了两种链接：硬链接 (hard link) 与软链接（又称符号链接，即 soft link 或 symbolic link）。
 
　　在Linux的文件系统中，保存在磁盘分区中的文件不管是什么类型都给它分配一个编号，称为索引节点号(Inode Index)。在Linux中，多个文件名指向同一索引节点是存在的。一般这种连接就是硬连接。硬连接的作用是允许一个文件拥有多个有效路径名，这样用户就可以建立硬连接到重要文件，以防止“误删”的功能。其原因如上所述，因为对应该目录的索引节点有一个以上的连接。只删除一个连接并不影响索引节点本身和其它的连接，只有当最后一个连接被删除后，文件的数据块及目录的连接才会被释放。也就是说，文件真正删除的条件是与之相关的所有硬连接文件均被删除。　
 
由于硬链接是有着相同 inode 号仅文件名不同的文件，因此硬链接存在以下几点特性：
 
 
 
文件有相同的 inode 及 data block；
只能对已存在的文件进行创建；
不能交叉文件系统进行硬链接的创建；
不能对目录进行创建，只可对文件创建；
删除一个硬链接文件并不影响其他有相同 inode 号的文件
 
 
 
软链接文件有类似于Windows的快捷方式。它实际上是一个特殊的文件。在符号连接中，文件实际上是一个文本文件，其中包含的有另一文件的位置信息。
 
　　Linux使用ln命令创建连接文件，可以使用ln --help查看ln命令使用说明。
 

  
ln [参数] [-T] [源文件] [连接文件]
ln [参数] [源文件] 
ln [参数] [源文件] [新建连接文件所在的目录]
ln [参数] [-t] [新建连接文件所在的目录] [源文件]
 
 
 
 
　　
 
　　创建newfile的连接文件后使用 ll -i命令可以看到源文件与连接文件都指向同一个节点。
 
　　参数：
 
　　--help：显示帮助信息
 
　　-b或者 --backup=[Control] :对已经存在的目标连接文件进行备份。
 
　　    [Control]:
 
　　　　none, off never make backups (even if --backup is given)
 　　　　numbered, t make numbered backups (linktonew.~1~、linktonew.~2~....)
 
 　　　　existing, nil numbered if numbered backups exist, simple otherwise
 　　　　simple, never always make simple backups
 
 
 
　　如果连接文件已经存在，则首先对该连接文件进行备份，默认在文件尾追加~。
 
　　
 
　　-S<备份文件名结尾>或 --suffix=<备份文件名结尾>:备份文件会以该字符串结尾。
 

  
ln -S .old newfile linktonew
 
 
 
 
　　备份文件将以.old结尾，即linktonew.old。
 
 
 
　　-f或者--force ：创建连接时，先将与目标连接文件同一目录下的同名文件删除，不管该文件为何种类型。
 
　　-i：覆盖既有文件之前先询问
 
　　-s或者--symbolic：对源文件创建软连接。
 
　　
 
 　　可以看到，软连接文件的索引节点和大小均与源文件不同。
 
　　-n：将连接到目录的软连接做为普通文件。
 
　　
 
　　-T：将连接文件看做普通文件。
 
　　-v：显示指令执行过程。
 
　　-t或者 --target-directory=DIRECTORY ：制定连接文件创建的目录。默认在用户当前所在的目录。
 
　　

最近开始研究web前端vue框架，尝试将资料结合具体操作进行整理，以此加深印象。
 
1. vue项目构建过程
 
笔者使用JetBrain公司产品webstorm新建vue项目
第一步：官网下载安装webstorm
 
第二步：在左侧导航栏中选择Vue.js，此时右侧需进行配置： 
  
修改文件名（初始为untitled）
配置node.js 
    
简介：node是js的服务执行环境，前端常常借助 node帮助前端实现工程化。很多工具是基于node的，比如即将使用的打包工具webpack
若系统中并无node.js，需官网下载安装并配置环境变量
 
配置vue-cli 
    
简介：vue-cli是vue脚手架，用于快速构建vue工程
上一步中node环境配置完成后，可直接使用控制台，输入$ npm install -g vue-cli下载安装vue-cli
 
界面右侧中前三项配置完成后，第四项默认为webpack，无需修改
 
 
第三步： 进入下一步后填写工程名、描述、用户等约十步。 
  
可连续点击下一步使用默认配置，直至构建完成
构建完成后出现工程界面，点击左下角npm -> 双击dev 即可启动项目
在浏览器中输入http://localhost:8080，或直接点击控制台中的url即可访问示例页面，如下：
 
 
 
至此，vue示例项目启动成功
 
2. vue项目新建页面
 
示例项目启动成功后，若新增页面，需新增.vue文件并配置路由 
  
第一步：新增.vue文件
 笔者在components目录下新增First.vue文件，内容如下
 
 First.vue中代码如下：
	<template>
	  <div><h1>{{message}}</h1></div>
	</template>
	
	<script>
	export default {
	  name: 'First.vue',
	  data () {
	    return {
	      message: 'welcome'
	    }
	  }
	}
	</script>
	
	<style scoped>
	
	</style>
 
第二步：配置路由
 
 
  
导入组件即First，对应下方component值
插入如下语句，防止访问页面时url出现的#/符号 
    
如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。
vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。
当你使用 history 模式时，URL 就像正常的 url
 
	const router = new VueRouter({
		mode: 'history',
		routes: [...]
	})
 
插入url地址与组件地址映射语句
	{
		path: '/first',
		name: 'First',
		component: First
	}
 
 
  
第三步：打开浏览器，输入http://localhost:8080/first
 
 
 
至此，页面新建成功
 
3. 分析调用关系
 
上一节页面新建时，界面中有个意外的图标，引发思考
  
  
既然First.vue代码中只编写了 "welcome"相关代码，那么图标从何而来呢？
解决这个问题，需要分析vue文件中的调用关系
 
 
使用到vue项目的文件包括一个.html，两个.js，两个.vue文件，关系如上图所示
由图可见，文件关键处在于main.js，管理着所有需要的资源，其中new Vue的参数，解释如下： 
  
el：官方解释为实例提供挂载的元素。此处为index.html中的<div id="app"><div>。
router：为router:router,的简写，指向引入文件中的routes:[]
components：注册哪些组件，需在顶部引入文件。
template：替换挂载元素的模板组件，而挂载元素的内容都将被忽略。即用template替换index.html里面的<div id="app"></div>
 
 
此时，可知main.js文件调用关系分为三步，如图中序号
 
确定将被挂载（替换）的元素，此处为index.html中的<div id="app"><div>。
注册组件（此处只有组件App），选择其中用于替换挂载元素（第一步中的元素）的模板组件（<App/>），即用App.vue替换index.html中的<div id="app"><div>。
注入路由器router： 
  
模板组件（App.vue）中有<router-view/>，将在其中渲染路由匹配到的组件
注入（import）路由时指定的是router文件夹，即文件夹下所有routes
router文件夹下此时只有index.js文件，其中routes:[]规定了文件地址及其url地址映射
根据文件地址，载入组件（First.vue），组件被渲染在<router-view/>中，显示在index.html中
 
 
然而追本溯源，调用关系中仍有两个问题：
 
index.html为何默认显示？
 其实，双击执行npm中dev时，控制台将执行如下语句：
 
 
 
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
 
 
由此可见，运行时启动文件webpack.dev.conf.js，而文件中包含如下语句，规定了起始页面：
 
	new HtmlWebpackPlugin({
	      filename: 'index.html',
	      template: 'index.html',
	      inject: true
	    }),
 
main.js为何默认加载？
 因为使用的脚手架工具vue-cli里用webpack来打包项目文件，webpack.dev.conf文件里还定义了webpack基础配置文件webpack.base.conf.js，定义语句如下：
 const baseWebpackConfig = require('./webpack.base.conf')
 而文件webpack.base.conf.js中，包含如下语句，指定了入口：
 
 entry: {
    app: './src/main.js'
  }
 
至此，文件调用关系简述完毕