NPM常用命令

#npm的淘宝镜像安装
npm install -g cnpm --registry=https://registry.npm.taobao.org

#npm的配置
npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"

#npm的配置查询
npm config list

#express和koa2的脚手架安装
cnpm install -g express-generator koa2-generator

#常用依赖的安装
cnpm install -g mysql mongodb mongoose express express-session koa2 webpack style-loader css-loader  

#安装vue脚手架
cnpm install -g @vue/cli
vue create hello
vue create admin
npm run serve
 

 

 

 

 

# 项目(KJWEB)

### 使用技术栈

>vue+axios+vuex+element+echarts+mock+wepack

### 工程结构
```
The files tree is:
=================
    |__ build               #webpack相关配置
        |__ build.js
        |__ 
    |__ config              #vue相关配置
        |__ dev.env.js      #项目开发环境相关配置
        |__ index.js        #项目主要配置
        |__ prod.env.js     #项目生产环境相关配置
        |__ test.env.js     #项目测试环境相关配置
    |__ dist                #存放build生成生产文件
    |__ src                 #项目核心文件（我们开发写发代码都在这里）
        |__ Api             #
        |__ asseets         #静态资源文件（css,js,图片...）
        |__ components      #组件
           |__public        #公共组件
           |__router-pages  #页面组件
        |__ Mock            #本地mock数据
        |__ router          #路由
        |__ store           #状态管理器(数据)
        |__ util            #公共函数库
        |__ App.vue         #跟组件
        |__ main.js         #入口文件
    |__ static              #静态资源文件目录
    |__ test                #测试
        |__e2e              #端到端测试                
        |__unit             #单元测试
    |__ .babelrc            #bable配置
    |__ .editorconfig       #编辑器配置
    |__ .gitignore          #git配置
    |__ .postcssrc.js       #转换css工具
    |__index.html           #主页
    |__ package.json        #项目基本信息
    |__ README.md           #项目说明
```
---
## 使用
cd KJWEB

### 安装项目依赖
npm install

### 开发环境默认启动8080端口
npm run dev

### 构建生产环境下压缩文件
npm run build

###部署
执行build后，将dist目录下的文件通过ssh部署到服务器上

### 工程说明
> #### 1.在config目录下，配置了三种环境下的环境变量
> #### 2.src/componets/public中，封装了四个公共组件(基于element的二次封装,谨慎修改)
> #### 3.assets/css中，element-reset.css为第三方ui组件库样式重置样式文件，注意每个模块加id,避免样式覆盖；icon为阿里图标库
> #### 4.现在采用手动往服务器部署，后期可以考虑借用git的钩子和jenkin结合完成自动化部署流程
 

 

 

 

# green-app

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```