安装cli2.0
npm install --global vue-cli
安装cli3.0
npm install -g @vue/cli # -g或者global 表示全局安装

安装 eslint 到开发环境 必须加上 --save
npm install eslint --save-dev

Bus 事件总线的使用

动画 animate.css 库

// 点击事件延迟 修复
npm install fastclick --save

vue3
https://www.cnblogs.com/xiangsj/p/9749451.html
安装node环境（我已经提前安装好啦，Vue CLI 需要Node.js8.9 或更高版本 (推荐 8.11.0+)）

npm install -g cnpm --registry=https://registry.npm.taobao.org

///卸载旧的2
npm uninstall -g vue-cli
///安装新的3
npm install -g @vue/cli

///创建项目
vue create my-project

创建Vue项目出错，提示vue : 无法加载文件C:\Users\xxx\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170

1. 以管理员身份运行PowerShell
2. 执行：get-ExecutionPolicy，回复Restricted，表示状态是禁止的
   3.执行：set-ExecutionPolicy RemoteSigned
   4.选择Y
   注意：一定要以管理员的身份运行PowerShell，不是cmd窗口！

cd my-project // 进入到项目根目录
npm run serve // 启动项目
npm run build // 打包
npm run dev // 开放环境运行

ERROR Error: Cannot find module 'vue-template-compiler/package.json'
npm update vue
//安装编译模板
npm install -g vue-template-compiler
npm install vue-template-compiler

卸载vue3
npm uninstall -g @vue/cli

需要自己手动建立一个配置文件vue.config.js，当然这个是可选的。

生产的SRC 目录中，自己生成的组件可以放到 components 目录下。

详解vue静态资源打包中的坑与解决方案
https://www.cnblogs.com/goloving/p/8904545.html

例子
https://vuejsexamples.net/examples/

安装
https://blog.csdn.net/hui_3_6/article/details/83416645
https://www.cnblogs.com/xiangsj/p/9749451.html

npm自己更新
npm install -g npm

======================
command not found
编辑/etc/profile 在文末追加
PATH=$PATH:/opt/node-v10.15.1-linux-x64/lib/node_modules/@vue/cli/bin
source /etc/profile

===========
netstat -lnp|grep 80
ps 2201

============
vue ui 图形化界面

npm install -g @vue/cli-service-global
vue serve T.vue

创建一个web 组件
vue-cli-service build --target wc --name my-element [entry]
注册多个web 组件的包
vue-cli-service build --target wc --name foo 'src/components/*.vue'

========apache =========
https://blog.51cto.com/13525470/2070375
/var/www/html/ 文件存放地方
/etc/httpd/conf/httpd.conf 配置参数

service httpd start
service httpd restart
service httpd stop

==========
把dist发布到apache
把vue.config.js 中ip 修改为 host: "0.0.0.0" 这样就可以进行远程访问了。

====================
修改ssh port
vi /etc/ssh/sshd_config

=============端口复用===
https://www.ostechnix.com/sslh-share-port-https-ssh/
https://www.cnblogs.com/edward2013/p/5531104.html
On RHEL, CentOS, you need to add EPEL repository and then install SSLH as shown below.
sudo yum install epel-release
sudo yum install sslh

/etc/sslh.cfg

设置自启，并启动sshld服务

chkconfig sslh on

service sslh start

$ ps -ef | grep sslh

//////修改端口后启动不了关闭selinux///////
查看selinux状态
sestatus
getenforce

关闭 setenforce 0
重新查看状态 getenforce

============查看安装路径================
rpm -qa
然后执行
rpm -ql 软件名称

===========ssh访问===========
ssh -p 443 sk@192.168.43.2

"Connection closed by remote host"
intermediary is a machine you trust to do the forwarding for you
remote is the machine you're trying to get to

ssh -N -L 20000:remote:22 user@intermediary

https://blog.csdn.net/lovelovelovelovelo/article/details/72637900

vim
v 模式下可以进行 复制和粘贴 ， 使用U 或者 u 可以对选中的进行转大小写。
修改文件名称 mv a b 是老名字，b是新名称。
https://blog.csdn.net/qq_40349588/article/details/85064418 [vi 各种命令]
chmod +777 filename

cp -r a b

rm -rf directory

vue-cli3 打包静态资源 如Css文件可以放到public 目录下面，
等运行npm run build 就会把资源打包到dist目录下面。
为了调试方便可以在apache的 /var/www/html/目录下中建立开发时候的dist目录的软连接，
如此就不需要每次部署的时候去拷贝文件。

下面的内容介绍组件tinymce在vue.config.js中如何配置。
https://www.tiny.cloud/docs/configure/editor-appearance/#skin_url

http://39.105.211.15/src/static/tinymce/skins/ui/oxide-dark/content.min.css
http://39.105.211.15/src/static/tinymce/skins/ui/oxide-dark/skin.min.css
http://39.105.211.15/js/skins/content/default/content.css

vue-router

---------单页路由------
vue-router是Vue.js官方的路由插件，适合用于构建单页面应用。
可以理解为组件路由。
vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。
https://www.cnblogs.com/SamWeb/p/6610733.html 【例子】
npm install -g vue-router
添加本地依赖的做法
npm install --save vue-router

--------多页路由-------
在vue.config.js 中添加节点pages,
当然每个页面可以可以有自己的的“单页路由”

pages
https://blog.csdn.net/sweetsuzyhyf/article/details/82993198
https://www.jianshu.com/p/05c1bc5074a9

vue比较综合的介绍
https://www.cnblogs.com/writerW/p/9052200.html

vue vuex与 vue cli 区别

[VUE]
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。
与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。
Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。

[vuex] 每一个 Vuex 应用的核心就是 store（仓库）
“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)

[vue cli]
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,可以迅速搭建交互式的项目脚手架，
搭建原型，是vue开发的最好的工具。

@Vue-Cli和Vue-Cli区别
https://www.jianshu.com/p/089d044363e5
@Vue-Cli提供了GUI维护界面。