{"id":27704448,"url":"https://github.com/vincentSea/vue2.x-Cnode","last_synced_at":"2025-04-26T01:01:57.684Z","repository":{"id":207515375,"uuid":"82165028","full_name":"scarecrowdu/vue2.x-Cnode","owner":"scarecrowdu","description":"基于vue+vue-router+vuex+axios+webpack开发的vue2.x Cnode社区","archived":false,"fork":false,"pushed_at":"2017-08-09T17:32:00.000Z","size":3871,"stargazers_count":158,"open_issues_count":10,"forks_count":55,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-04-19T05:48:57.322Z","etag":null,"topics":["cnode","javascript","vue"],"latest_commit_sha":null,"homepage":null,"language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/scarecrowdu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-02-16T09:47:31.000Z","updated_at":"2025-01-18T09:02:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"a24b4dde-b7f6-4338-b8ba-7d49858dec7f","html_url":"https://github.com/scarecrowdu/vue2.x-Cnode","commit_stats":null,"previous_names":["scarecrowdu/vue2.x-cnode","vincentsea/vue2.x-cnode"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scarecrowdu%2Fvue2.x-Cnode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scarecrowdu%2Fvue2.x-Cnode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scarecrowdu%2Fvue2.x-Cnode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scarecrowdu%2Fvue2.x-Cnode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/scarecrowdu","download_url":"https://codeload.github.com/scarecrowdu/vue2.x-Cnode/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250917360,"owners_count":21507562,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cnode","javascript","vue"],"created_at":"2025-04-26T01:01:54.529Z","updated_at":"2025-04-26T01:01:57.671Z","avatar_url":"https://github.com/scarecrowdu.png","language":"Vue","readme":"# vue2.x-cnode\n\n### 关于项目\n\nvue2.x Cnode社区是基于vue、vue-router、vuex、axios、es6开发，使用webpack构建工具编译打包项目\n\n如果此开源项目对大家学习vue的全家桶有帮助，请给我一个star,因为你的star让我觉得这个开源有了价值！\n\n[点击查看效果](https://dodov.github.io/vueCnode/index.html#/)\n\n![效果动态图](screenshot/cnode.gif)\n\n### vue1.x 项目\n基于vue1.x已上线[积分购项目](http://m.51jfgou.com/jgouINF/weixin/index.html#!/)\n\n![效果动态图](screenshot/jgou.gif)\n\n![扫一扫二维码查看效果](screenshot/jgou.png)\n\n### 下载 \u0026\u0026 启动\n```bash\n# 克隆项目\ngit clone https://github.com/vincentSea/vue2.x-Cnode.git\n# 安装依赖\nnpm install\n# 启动开发环境\nnpm run dev\n# 打包项目\nnpm run build\n```\n\n### 项目目录\n```bash\n│  .babelrc         // ES6语法编译配置\n│  .gitignore       // git的文件过滤配置\n│  index.tpl        // 程序入口html模板\n│  package.json     // 项目相关信息配置，通过执行 npm init 命令创建\n│  README.md        // 项目说明\n│  \n├─build             // webpack配置项\n│       \n├─src               // 项目主文件夹  \n│  │  App.vue       // 页面入口文件\n│  │  main.js       // 程序入口文件，加载各种公共组件\n│  │  \n│  ├─assets         // 静态资源，图片、公用样式、插件\n│  ├─components     // 公共组件\n│  ├─fetch          // 请求api\n│  ├─pages          // 页面组件\n│  ├─router         // 页面路由配置\n|  |─util           // 公用方法 （过滤器、弹窗）\n│  └─vuex           // vuex的状态管理\n│              \n└─static   \n```\n\n\n### webpack 配置\n本项目是参考vue-cli快速构建项目，自己搭建项目。后续会改成webpack2.x的版本\n\n### 安装babel\n```bash\n# 安装babel,编译ES6语法\ncnpm install --save-dev babel-core babel-loader babel-preset-es2015 babel-plugin-transform-runtime  babel-preset-stage-2\n\n```\n```javascript\n// 使用babel,编译ES6语法\n{\n    test: /\\.js$/,\n    loader: 'babel?presets=es2015',\n    exclude: /node_modules/\n}\n```\n\n\n### 图片路径与打包\n```bash\n# 安装引入图片需要依赖url-loader的加载器\ncnpm install --save-dev url-loader\n```\n```javascript\n{\n    test: /\\.(png|jpe?g|gif|svg)(\\?.*)?$/,\n    loader: 'url',\n    query: {\n        limit: 10000,\n        name: '[name].[hash:7].[ext]'\n    }\n}\n```\n\n#### 样式引入打包 scss文件编译\n```bash\ncnpm install --save-dev css-loader sass-loader cssnext-loader\ncnpm install --save-dev node-sass\n```\n\n```javascript\n // 打包引入样式\n{\n    test: /\\.css$/,\n    loader: \"css-loader?sourceMap!cssnext-loader\"\n},\n// scss文件编译 \n{\n    test: /\\.scss$/,\n    loader: \"css-loader?sourceMap!sass-loader!cssnext-loader\"\n}\n```","funding_links":[],"categories":["Demo示例"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FvincentSea%2Fvue2.x-Cnode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FvincentSea%2Fvue2.x-Cnode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FvincentSea%2Fvue2.x-Cnode/lists"}