怎样在vue中使用ts(详细教程)
1、// 如果你使用的是Vue 2，需要添加以下loader { loader： vue-ts-loader} ]} ``` 开始使用TypeScript 现在您可以在项目中开始使用TypeScript了。创建`.ts`或`.tsx`文件，并享受类型检查带来的好处。 类型检查示例 在TypeScript文件中，类型检查器会检查方法的调用。
2、检查源代码并不是一个好的选择——拥有函数和类的目的，是在不知道如何实现它们的情况下使用它们。换句话说，我们应该依赖于他们的接口，而不是他们的实现。我们可以检查文档，但这并不是最好的开发经验——它需要额外的时间，而且文档经常过期。
3、同时，vue项目中还可以在shims-vue.d.ts中对已存在模块进行补充 npm i @types/xxx 装饰器用于扩展类或者它的属性和方法。@xxx就是装饰器的写法 常见的有@Prop，@Emit，@Watch 具体使用见文章开头的例子 vuex-module-decorators 通过装饰器提供模块化声明vuex模块的方法，可以有效利用ts的类型系 统。
4、在项目整体新建一个项目文件夹（doc），并在文件夹里新建App.vue，main.ts 两个文件 最外层新建tsconfig.json文件。public新建doc.html文件。
webpack打包_dirname路径怎么配置?
1、path 模块是 node 自带的，不用另外安装。
2、我们需要先安装node环境。没安装的请自行安装 在项目目录下输入npm init初始化一个node项目，输入项目名称等信息，完成后生成一个package.json文件。在项目目录下安装webpack npm install --save-dev webpack 我们需要一个webpack.config.js文件，记录webpack配置信息。
3、打包配置 { mode：’环境设置’， entry：‘入口文件设置’， output：{path：path.resovle（__dirname，’dist’），filename：’main_[hash].js’，publicPath：’根据环境设置url前缀（接口域名代理字符）’}， models：{rules：[ 说明：{ test：‘正则匹配/.js/’ exclude：‘排除。。
4、node 模块，.vue 文件中的 script 内容也被转换了，其中的 __filename 在编译时被运行，直接得到当前文件自身路径。
5、如何构建生产环境生产环境打包，目的只有两个：压缩应用代码；去除Vue.js中的警告。
...lint四剑客、webpack、storybook【保姆级教程一】
1、Prettier与EditorConfig的区别。 .prettierignore文件用于忽略格式化文件。 ESLint静态代码分析工具介绍及其安装和使用方法。 ESLint与typescript的配置。 ESLint配置保存自动修复。 .eslintignore和.prettierignore配置忽略文件。 StyleLint样式代码问题检查工具介绍。
linux上利用pm2和nginx部署项目
nginx如果检测到vue.msg.com的请求，将 转发 请求到本机的8080端口，如果检测到的是react.msg.com请求，也会将请求 转发 到8081端口。
contentful负责发送文章发布通知的 webhook ，注意配置的时候设置content type为application/json。（2）使用express框架启动node服务，用于接收webhook的请求与显示构建进度（待完成），使用 body-parser 解析中间件，解析报文。（3）linux上锁 flock （4） kill -- -$pgid 关闭上一进程组。
第四步：处理跨域因为前端使用vue.config.js的devServer处理跨域，Nginx也需要配置相应的location来转发跨域请求，确保前后端接口路径一致。第五步：后端服务后端Express应用监听9999端口，使用pm2管理。启动命令：pm2 start app.js。
pm2 添加服务到开机自启动 第四步 - 安装和配置 Nginx 作为反向代理 在这篇指南中，我们会使用 Nginx 作为 node 应用的反向代理。Ubuntu 仓库中有 Nginx，用 apt 命令安装它：sudo apt-get install -y nginx 下一步，进入到 sites-available 目录并创建新的虚拟主机配置文件。
PM2是一款非常好用的Node.js服务启动容器。它可以让你保持应用程序永远运行，要重新加载它们无需停机（我是这么理解的： PM2是一个监控工具 ）。nginx 是一款轻量化的 web服务器 。相较于Apache具有占有内存少，并发高等优势。使用epoll模型，nginx的效率很高。并且可以热升级。
标签： #webpack安装教程
