当前位置： 移动技术网 > IT编程>网页制作>Html5 > Vue安装npm,nginx开发环境搭建

Vue安装npm,nginx开发环境搭建

2020年05月08日  | 移动技术网IT编程  | 我要评论

钱币收藏价格,kuchenprofi,乳加力 曝光

一、安装 npm

      1、  https://www.cnblogs.com/lgx5/p/10732016.html

二、安装nginx

     1、   https://blog.csdn.net/zuoyigehaizei/article/details/93061002

     2、配置nginx多站点

          打开配置文件复制一个 server{  } ，并修改里面的端口和站点路径。

       

 

三、安装vscode

     1、https://www.jianshu.com/p/cab79d188e42

四、开始

     1、新建一个文件夹，放项目

     

 

    2、打开cmd 进入到该目录下面 ， 全局安装 vue-cli， 创建一个基于 webpack 模板的新项目 

  cnpm install --global vue-cli
vue init webpack vue-jim20200508

   3、进入项目目录

 

 4、编译项目

 

 5、把项目部署到nginx

 

 

 

 6、在浏览器中就可以打开了

 7、使用exports.install+vue.prototype 挂载自定义全局函数

     新建文件夹及文件

 

   在  main.js 中引入

 

8、修改app.vue、新建login.vue、配置路由index.js、重新编译项目、然后在浏览器中刷新页面，可以看到缺少足够样式，接下来我们引入vux样式组件库

 

 

 五、安装vux

 

 

 1、安装vux-loader，并配置webpack.base.conf.js 

 

 

 

 2、安装less-loader

 

 

 3、安装yaml-loader

 4、在 main.js中引入

 

 这个时候重新编译一下项目，报错

 转自：https://www.cnblogs.com/jimlee/p/12850744.html

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网