Skip to content

lmh2072005/Cnode-vue-spa

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#webpack+vue.js重构的cnode社区的单页面(spa)应用 ###线上预览地址 ###安装

安装第三方npm模块
npm install

第一种本地打开
1.运行webpack打包
2.将webpack.config的publicPath : __dirname + '/build/'
3.直接本地打开index.html

第二种服务器打开
1.运行npm start热替换模式,代理待本地的http://localhost:8080端口
2.设置webpack.config的publicPath : '/build/'
3.访问http://localhost:8080

###文件目录

###开发目录
├── README.md           
├── index.html         // 项目入口文件
├── package.json       // 项目配置文件
├── src                // 生产目录
│   ├── vue            // 组件
│   |    ├──about.vue
│   |    ├──artlist.vue
│   |    ├──article.vue
│   |    ├──login.vue
│   |    ├──loading.vue
│   |    ├──search.vue
│   ├── components     // 各种子组件
│   |    ├──header.vue
│   |    ├──returnTop.vue
│   |    ├──menu.vue
│   ├── js             // 外部引入的js文件
│   ├── scss           //scss文件
│   ├── img           //图片文件
│   ├── filters.js     //过滤器
│   └── main.js        // Webpack 预编译入口	
└── webpack.js  	   // Webpack 配置文件

###效果预览 image

About

webpack+vue.js+spa

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 70.4%
  • JavaScript 24.1%
  • CSS 4.3%
  • HTML 1.2%