/duck_frontend

this is a vue project

Primary LanguageJavaScript

vue-base-project

A base Vue.js project

环境依赖

 "node": ">= 6.0.0",
 "npm": ">= 3.0.0"

项目构建及运行

# 安装淘宝镜像,如果已经安装可以换忽略,如果有vpn可以忽略(npm包一般需要翻墙下载,故选择淘宝镜像安装)
npm i cnpm -g

# 安装项目依赖
cnpm i

# 启动项目及代码热更新,访问路径localhost:8080(默认端口8080可以在config/index.js修改端口)
npm run dev

# 构建生产发布(此步骤一般在服务器端完成)
npm run build

项目说明

项目文档

文件目录

project/
|
├── build                       //项目构建目录
|  ├── build.js
|  ├── check-versions.js
|  ├── utils.js
|  ├── vue-loader.conf.js       
|  ├── webpack.base.conf.js     //webpack基础配置
|  ├── webpack.dev.conf.js      //开发配置
|  └── webpack.prod.conf.js     //生成配置
|
├── config
|   ├── dev.env.js
|   ├── index.js                //模板配置,端口配置
|   └── prod.env.js
|
├── node_modules                //npm包管理
|
├── src                        
|   ├── assets                  //静态文件
|   |   ├── css   
|   |   ├── images
|   |   └── js
|   |
|   ├── components              //组件
|   ├── mock                    //mock数据  
|   ├── pages                   //页面
|   ├── router                  //路由
|   ├── template                //模板页面
|   └── vuex                    //状态管理
| 
├── App.vue                     //入口页面
|
├── main.js                     //入口js
|
├── static
|
├── .babelrc                    //es6版本配置
|
├── .gitignore                  //忽略文件
|
├── index.html                  //首页
|
├── package.json                
|
├── package-lock.json
|
└── README.md

项目规范

  • css采用BEM命名规范
  • javascript采用ES2015标准
  • 页面及组件命名规范后续补充

开发工具