vue vue-cli脚手架 要先安装哪个？

一般就是这样：

本人测试vue-cli，使用的各个工具的版本，分别是node6.95、webpack3.6.0、vue2.4.4。

第一步，安装node.js。

PS：我所使用的系统是win7的64位。

PS：检测node.js是否安装成功，在命令行中输入node -v即可。

第二步，安装cnpm。点击运行，输入cmd，执行命令：$ npm install -g cnpm --registry=https://registry.npm.taobao.org。

PS：有的朋友可能安装cnpm不成功，如果不成功可以自行百度，寻找解决方案。如果不能解决，以后只能使用npm命令，npm命令执行效率会比较慢。

PS：检测cnpm是否安装成功，在命令行中输入cnmp -v即可。

第三步，安装webpack。执行命令：cnpm install webpack -g。

PS：同样的事使用webpack -v来检测webpack是否安装成功。

第四步，安装Vue。执行命令：cnpm install vue。

第五步，全局安装vue-cli。执行命令：cnpm install --global vue-cli。(此步可以忽视)

第六步，在开源处(即存放网站的地方)，执行 *** 作：shift+右键，点击在此处打开命令窗口。

第七步，执行命令vue init webpack projectname(自定义项目名)或vue init webpack-simple projectname(自定义项目名)。

PS：本人使用的是webpack-simple。

第八步，等下载完以后，会提几个问题，如果需要，可以写上作者名字，其他都回车跳过或者y确认。(或按需添加)

第九步，执行命令cd projectname(自定义项目名) 定位到这里。

第十步，cnpm install安装依赖。

第十一步，npm run dev。

一般情况下，多数主题下都有author.php这个文件，这既是作者展示页面。如果发现自己正在使用的主题中没有author.php这个文件的话， Wordpress 会默认寻找 archives.php文件，如果连 archives.php 都不可用， Wordpress 会接着寻找你的 index.php 文件。

想要创建一个author.php文件的话，可以拷贝archives.php 或者 single.php 的内容。在这两个页面的基础上插入对应的wordpress作者页面调用函数，即可调用相应的作者信息。

常用的作者信息调用函数：

the_author 显示文章的作者

the_author_description 显示文章作者的描述（作者个人资料中的描述）

the_author_login 显示文章作者的登录名

the_author_firstname 显示文章作者的firstname（名）

the_author_lastname 显示文章作者的lastname（姓）

the_author_nickname 显示文章作者的昵称

the_author_ID 显示文章作者的ID号

the_author_email 显示文章作者的电子邮箱

the_author_url 显示文章作者的网站地址

the_author_link 显示一个以文章作者名为链接名，链接地址为文章作者的网址的链接。

the_author_icq 显示文章作者的icq

the_author_aim 显示文章作者的aim

the_author_yim 显示文章作者的yim

the_author_msn (不推荐使用) 显示文章作者的msn

the_author_posts 显示文章作者已发表文章的篇数

the_author_posts_link 显示一个链接到文章作者已发表文章列表的链接

list_authors (不推荐使用) 显示blog所有作者和他们的相关信息。完整函数如下：

参数：

optioncount：是否显示各作者已发表文章的篇数，可选值为：TRUE 和 FALSE（默认值）

exclude_admin：是否不列出管理员，可选值为：TRUE（默认值） 和 FALSE

show_fullname ：是否显示各作者的全名，可选值为：TRUE 和 FALSE（默认值）

hide_empty：是否不显示发表文章数为0的作者，可选值为：TRUE（默认值） 和 FALSE

feed：链接到各个作者发表文章的RSS供稿种子链接名，默认为空，不显示RSS供稿种子

feed_image：供稿种子的图片地址，如果提供此项，则覆盖上面的feed，默认为空

代表不显示各个作者的发布文章数，列出管理员，显示各作者的全名，显示发布文章数为0的作者和不显示RSS供稿种子。

wp_list_authors 显示blog作者列表，如果作者发表过文章，则他的名字将链接到他发表的文章列表中。可定义是否显示其他信息。

参数：

optioncount：是否显示各个作者发表文章数，可选值：true 和 false（默认值）

exclude_admin：是否不显示“admin”用户，可选值：true（默认值） 和 false

show_fullname：是否显示各个作者的全名，如果不显示，将显示昵称。可选值：true 和 false（默认值）

hide_empty：是否不显示发表文章数为0的作者，可选值：true（默认值） 和 false

feed：链接到各个作者发表文章的RSS供稿种子链接名，默认为空，不显示RSS供稿种子

feed_image：供稿种子的图片地址，如果提供此项，则覆盖上面的feed，默认为空

增加用户信息字段：

为了更加简便与安全的增加信息字段，建议将自定义字段添加到“联系信息”中。“联系信息”的字段添加方式非常简单，打开wp-includes/user.php文件，约在1539行可以找到：$user_contactmethods = array代码，在大括号中修改或增加字段。

字段增加的格式为 ‘数据库字段名’ =>__(‘标题说明文字’) 修改后的完整代码演示：

function _wp_get_user_contactmethods( $user = null ) {

$user_contactmethods = array()

if ( get_site_option( ‘initial_db_version’ ) <23588 ) {

$user_contactmethods = array(

‘aim’ =>__( ‘支付宝收款地址’ ),

‘addres’ =>__( ‘所在地’ ),

‘job’ =>__( ‘职业’ ),

‘qq’ =>__( ‘QQ’ ),

‘touxiang’ =>__( ‘头像url’ )

)

}

return apply_filters( ‘user_contactmethods’, $user_contactmethods, $user )

}

可以根据需要删除默认的字段，添加自己需要的字段，以达到增加用户选项的目的。

修改此项后，在用户后台的个人资料中也会自动出现对应的输入框，无需再修改其他程序文件。如果需要在作者页面的前端调用显示自定义字段则只需要使用 “echo $curauth->xxx”的PHP语句即可输出对应字段。

---