vue项目的基本操作

克隆项目

克隆项目：

git clone http://192.168.*******/WEB.git

更新项目

git pull

推送项目

git add .
git commit -m "项目说明"
cd到目录下进行切换下拉代码

切换分支

git checkout -b dev origin/dev

由于项目采用的是vue1.0的版本开发的，现在需求是在原页面的基础上升级为2.0的版本，1.0的项目启动是采用的nginx进行启动的因此需要nginx反向代理
将nginx.conf文件中的server配置改为：

server {
listen 8888;  //项目监听的是8888端口
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
root C:\Users\Administrator\Desktop\WEB1\WebContent;     //项目的根目录的地址
index index.html index.htm;
autoindex on;
}
location ^~/mock{
proxy_pass [http://172.18.3.246:3000/mock](http://172.18.3.246:3000*****);
}
location ^~/v1{
client_max_body_size 100m;
proxy_connect_timeout 1;
proxy_pass [http://172.16.33.85:9090/v1](http://172.16.33.85:9090******);
}
}

启动nginx服务器，找到对应的端口地址即可访问项目

[http://localhost:8888/html/system/demo.html#menu_301](http://localhost:8888/html/system/****)

项目初始化

项目说明：从远程仓库克隆项目至本地，主要是基于ElementUI组件库进行开发的后台管理系统
下载依赖：

npm install    //初始化项目，由于开发是基于vue框架，内部人员已将相关依赖基本页面的架构完成，我们只需要下载依赖即可

启动页面：

cd XXX    //首先进入文件夹
npm run dev/serve   //dev与serve都可以启动项目

项目开发:
由于项目的ElementUI组件库采用的是全局的引入，因此不需要配置按需引入，只需要按照官方文档完成页面的配即可。
一般项目是在src文件目录下进行开发，因此所有的页面都是在src目录下完成的，我们可以按照需求将页面进行模块化开发，可以新建一些单独的文件夹来存放不同的页面

文件的基本引入:

JS文件：import 定义的名字 from '文件路径';
CSS文件：@import '文件路径';
VUE文件的引入：import Vue from 'vue'     
    components:{
　　　　  app:App //App是上面import引入的App；app是自定义的名字，返给html中运用的组件标签
　　  }
    在页面中挂载：<app></app>