从github下载vue相关模板

直接去github下载对应的模板(template),命令如下:

vue init webpack-simple project --offline

https://github.com/vuejs-templates/下载

然后cd进入项目文件夹,在控制台输入以下命令:

npm install

这个命令会在本地 node_modules 文件夹中安装依赖项,默认情况下, npm 安装将在包中安装作为依赖项列出的所有模块. json。

使用-生产标志 (或当 NODE_ENV 环境变量设置为 "生产") 时, npm 将不会安装 devDependencies 中列出的模块。

  最后,运行以下命令。

npm run dev

  它执行的是build/dev-server.js文件,这时会自动打开浏览器。该命令执行了:

检查node和npm的版本

引入相关插件和配置

创建express服务器和webpack编译器

配置开发中间件(webpack-dev-middleware)和热重载中间件(webpack-hot-middleware)

挂载代理服务和中间件

配置静态资源

启动服务器监听特定端口(8080)

自动打开浏览器并打开特定网址(localhost:8080)

说明: express服务器提供静态文件服务,不过它还使用了http-proxy-middleware,一个http请求代理的中间件。前端开发过程中需要使用到后台的API的话,可以通过配置proxyTable来将相应的后台请求代理到专用的API服务器。

  ps:这两天在捣鼓vue,把之前忘了的vue指令复习了下。现在的时间用来学习vue全局,学的快的话再学点其他的东西,所以只能在空闲的时候整理下“vue部署github,创建github服务器”的相关知识。看了下其他博主的博文,深感自己的不足之处在于,没有把解决问题的过程细化,而是单一地呈现出解决问题后的结果,这对提升自己解决问题的能力并没有太大的帮助。(推荐一篇博文:https://blog.csdn.net/qq_38903950/article/details/78104773,还没来得及细看,有空就操作)

  学vue也有些天了,但是没有很大长进,观者如有建议,欢迎提出。多多探讨交流切磋,让我们的技术在交流中不断得到提升。