vue3

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

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 [email protected]  


"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维护界面。

你可能感兴趣的:(vue3)