安装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
- 以管理员身份运行PowerShell
- 执行：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维护界面。
