學習Vue(一)

1、安裝 npm

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

2、安裝nginx

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

     二、配置Nginx多站點

          打開配置文件複製一個 server{  } ，並修改裏面的端口和站點路徑。

       

 

3、安裝VSCode

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

4、開始

     一、新建一個文件夾，放項目

     

 

    二、打開cmd 進入到該目錄下面 ， 全局安裝 vue-cli， 建立一個基於 webpack 模板的新項目

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

   三、進入項目目錄

 

 四、編譯項目

 

 五、把項目部署到nginx

 

 

 

 六、在瀏覽器中就能夠打開了

 七、使用exports.install+Vue.prototype 掛載自定義全局函數

     新建文件夾及文件

 

   在  main.js 中引入

 

八、修改App.vue、新建Login.vue、配置路由index.js、從新編譯項目、而後在瀏覽器中刷新頁面，能夠看到缺乏足夠樣式，接下來咱們引入vux樣式組件庫

 

 

 5、安裝vux

 

 

 一、安裝vux-loader，並配置webpack.base.conf.js

 

 

 二、安裝less-loader

 

 

 三、安裝yaml-loader

 四、在 main.js中引入

 

 這個時候從新編譯一下項目，報錯