Skip to content

Vue2-Webpack2-Sass-Pug模版( UI框架可自行修改, Sass语法为缩进语法 )

License

Notifications You must be signed in to change notification settings

QingdaoFrontEnd/Vue2-webpack2-Sass-Pug-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

上朝科技官网

本页面需要在服务器环境下访问( 可使用 yarn run dev 预览 ), 勿直接浏览静态页面

使用技术:

技术名称 作用 版本
Vuejs 框架 2.1.10
Sass 样式预处理器 4.5.0
Webpack 模块打包 2.2.1
Babel ES6转译ES5 6.22.1
Yarn 模块依赖 0.17.6
Muse UI UI框架 2.0.0-rc.5
Pug Node模版语言 2.0.0-beta11

Build Setup / 开发流程

# install dependencies
npm install

# 国内环境建议使用cnpm install
cnpm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

命名约定

Vue文件

  1. 组件名称开头需大写
  2. 组件引用名称开头需大写
  3. 路由页面首字母需小写

Sass文件( 禁止使用CSS文件编写样式 )

  1. 颜色值需大写 ( 例子'#FFF' )
  2. 类名需严格遵循BEM命名法
  3. 减少使用驼峰命名( 引用混合 / 继承方法除外 )

JS文件

  1. 变量名 / 方法名 开头需小写
  2. 使用驼峰命名法( 避免使用 破折号 / 下划线 连接两个单词 )

About

Vue2-Webpack2-Sass-Pug模版( UI框架可自行修改, Sass语法为缩进语法 )

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published