第一步.使用composer引入laravel中的ui库 composer require laravel/ui --dev 第二步.生成bootstrap的基本脚手架 php artisan ui bootstrap 第三步.安装package.json中的库 npm install 第四步.运行 npm run dev 安装css.js到public目录中

项目启动:npm run build 脚手架 vue cli vue cli --2 安装命令 #全局安装 npm install --global vue-cli #卸载vue-cli  npm uninstall -g vue-cli #创建一个基于webpack模版的新项目 vue init webpack my-project #脚手架的启动 npm run dev vue cli --3 安装命令 #全局安装 npm install --g @vue/cli #创建一个项目 vue c

1. 测试环境 2. 创建工程 rails new mongoid_app --skip-active-record --skip-test-unit --skip-bundle 3. 修改gemfile  添加 gem 'mongoid' 并执行 bundle install 4. 生成 mongoid.yml 配置文件 5. 生成脚手架 6. 启动服务查看效果 服务器输入  localhost:3000/users 查看数据库

最近过年在家有点懈怠,但是自己也不断在学习新的前端技术,在家琢磨了express.js的web框架. 框架的作用就是提高开发效率,快速产出结果.即使不使用框架,我们也会在开发过程中逐渐形成构成框架. 大多数的node.js项目中都会用到express.js 目录: 一.什么是express.js框架 二.express.js是怎么工作的 三.expres.js的安装 四.express.js的脚手架 五.express.js的helloworld基本应用 一.什么是express.js框架? E

前言 在现代新建一个 JS 相关的项目往往都是从 package.json 文件开始的,不过这个文件里需要的字段实在是太多了,正常人都记不住,所以 npm 官方提供了 npm init 命令帮助我们快速初始化 package.json 文件.执行之后会有一个交互式的命令行让你输入需要的字段值,当然如果你想直接使用默认值,也可以使用 npm init -y 来超速初始化. npx 随着技术的快速发展,发现初始化 package.json 已经无法满足大家的需求了,越来越多的项目需要进行整个项目的初

[vue3.x] 准备看elementui的源码,早上拉elementui提供的脚手架代码,于是下载了vue3.x(之前一直用2.x) 1.先把vue2.x卸载了 npm uninstall -g vue-cli 2.安装新3.x npm install -g @vue/cli 3.新建项目 vue create 3.0project  (vue2.x新建项目-vue init webpack 2.0project) 4.vue cli 3和旧版使用了相同的vue命令,所以vue cli2(vu

开始前: 确保node版本为6.5以上. // 安装脚手架 npm i dva-cli -g // 自动安装新工程 dva new newProjectName // 导入antd包 npm i antd --save // 导入babel引用包,用于按需导入文件 npm i babel-plugin-import --save-dev 修改 .roadhogrc,在 "extraBabelPlugins" 里加上: ["import", { "libra

自从前后端开始分离之后,前端项目工程化也显得越来越重要了,之前写过一篇搭建基于Angular+Requirejs+Grunt的前端项目教程,有兴趣的可以点这里去看 但是有些项目可以使用这种方式,但有些却不太适合,或者我们就是想要去尝试新的框架.比如最近我就尝试着使用了webpack+react+es6的方式开发项目,感觉很不错,然后很多项目都用了这种方式.所以为了不需要每次开发的时候都从头开始新建文件,就想着能不能弄个工具,使用命令能够快速的生成这样一套跑的通的项目模版,正好,有个工具叫yeom

自从前后端开始分离之后,前端项目工程化也显得越来越重要了,之前写过一篇搭建基于Angular+Requirejs+Grunt的前端项目教程,有兴趣的可以点这里去看 但是有些项目可以使用这种方式,但有些却不太适合,或者我们就是想要去尝试新的框架.比如最近我就尝试着使用了webpack+react+es6的方式开发项目,感觉很不错,然后很多项目都用了这种方式.所以为了不需要每次开发的时候都从头开始新建文件,就想着能不能弄个工具,使用命令能够快速的生成这样一套跑的通的项目模版,正好,有个工具叫yeom

用dva-cli作为脚手架建立工程后,开始尝试编写页面.然后立马发现一个坑爹的问题. 在我less文件里面写了一个class ,比如:MainHead. 但是编译出来之后发现css文件里面变成了 MainHead__xuaz,多了一个后缀,坑爹嘛这是!!! 一番查找后发现原来是引用了css-modules这个包. 为了卸载这个包,我翻找了半天.照例来说应该在webpack的时候屏蔽这个包. 可惜node项目不知道说封装了太好了还是怎么的,dva生成的脚手架里面根本就没有webpack.confi

一.关于vuejs 这是一个MVVM的前端开发框架,model(数据).viewmode(通讯).view(视图),它吸取了reactjs和angularjs的长处,核心重点在于组件化的设计原则. 我们都知道一个普通常见的页面,他会由header,body,footer,组成,里面再细分还有nav,list,slidebar等等,组件化就是将这些会重复用到的代码封装起来,在一个页面中需要用到的时候进行引入. 二.搭建脚手架(初始化项目) 做一个项目开始将一些文件环境搭建好,这里vue提供了vue

本博客停止更新,请访问新个人博客:owenchen.net 前言 博客迁移到了BAE上,http://owenchen.net/,以后的文章会首发在自己的博客上,随后在博客园发布. 很久没有写文章了,一是项目比较忙,二来自己在尝试一些互联网新的产品,以微信平台开发为主,看看能不能挣点零花钱以缓解目前的经济压力,也顺便了解和学习一下为什么这东西这么火.最终钱还没挣到,到把自己累个半死.当然收获也是有的,发现了一些挣钱的路子,以后有时间有机会尝试尝试.也在短时间内玩了不少东西,比如PHP的mvc框架

全局安装vue-cli,使用命令npm install -g vue-cli. 下载模板代码,使用命令vue init webpack my-project,之后会有一些询问,按需填写即可. 最后会看到生成了一个叫my-project的文件夹,里面就是vue-cli脚手架搭建出来的目录. 这时要进入my-project,然后使用命令npm install去安装package.json里配置的各种东西. 最后使用命令npm run dev启动热加载,就会去自动化执行package.json里的 "

一.首先需要安装node,npm. 请到nodejs官网进行下载并跟据提示进行安装 版本号中间偶数为稳定版本建议下载 https://nodejs.org/en/ node相关操作 https://nodejs.org/dist/latest-v7.x/docs/api/ 二.检查node,npm版本. ctrl+alt+t打开命令输入界面 node -V检查node版本 npm -v 检查npm版本 若要更新npm 请输入 sudo npm cache clean -f sudo npm in

对于Vue.js来说,如果你想要快速开始,那么只需要在你的html中引入一个<script>标签,加上CDN的地址即可.但是,这并不算是一个完整的vue实际应用.在实际应用中,我们必须要一系列的工具,包括:模块化,转译,预处理,热加载,静态检测和自动化测试等.对于一个需要长期维护和大型的项目而言,这些工具是必不可少的,但是尝试配置初始化这些很痛苦.这就是我们发布vue官方提供的脚手架工具的原因,一个简单的构建工具,通过几个默认的步骤帮助你快速的构建Vue.js项目. 1.安装node环境 可以

github地址 使用技术栈 webpack(^2.6.1) webpack-dev-server(^2.4.5) vue(^2.3.3) vuex(^2.3.1) vue-router(^2.5.3) vue-loader(^12.2.1) eslint(^3.19.0) 需要学习的知识 vue.js vuex vue-router vue-loader webpack2 eslint 内容相当多,尤其是webpack2教程,官方脚手架vue-cli虽然相当完整齐全,但是修改起来还是挺花时间,

一. node安装 1)如果不确定自己是否安装了node,可以在命令行工具内执行: node -v  (检查一下 版本): 2)如果 执行结果显示: xx 不是内部命令,说明你还没有安装node , node 安装地址:http://nodejs.cn/download/ 注 :安装 vue-cli 脚手架目前需要node版本为 v4.0 以上: 二. vue-cli 全局安装 命令行执行 : npm install -g vue-cli    // 加-g是安装到全局 安装完成以后 可以输入命

1.安装vue-cli 参考地址:https://github.com/vuejs/vue-cli 如果不使用严格语法需要在后三项打no:(加了挺头疼的,老是报错,但是对自己的代码规范性也是有很大的帮助的) 2.swiper下载示例代码 参考地址:http://www.swiper.com.cn/usage/index.html 一:单个组件使用: 3.在刚下载好的vue-cli里的helloworld.vue进行代码编写.    3.1html部分: <template> <div c

1.首先已经安装了node,最好版本6以上. 2.安装淘宝镜像 大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像.这样就可以直接使用cnpm了. npm install -g cnpm --registry=https://registry.npm.taobao.org如果过程出差,是否安装git? 3.安装webpack cnpm install webpack -g 4.安装vue脚手架 npm install vue-cli -g以上-g 代表的是全局安

公司突然组织需要重新搭建一个基于node的论坛系统,前端采用react,上网找了一些脚手架,或多或少不能满足自己的需求,最终在基于YeoMan的react脚手架generator-react-webpack上搭建改造,这里作为记录. 代码在这里:github 另外推荐地址:react-starter-kit 简单文件夹结构 ├── README.md # 项目README文件 ├── conf # 配置文件夹 │   └── webpack # webpack配置(下面包括开发.生产.测试环境的

一.Vue的实例 1.1.创建一个 Vue 的实例 每个 Vue 应用都是通过 Vue 函数创建一个新的 Vue 实例开始的: var vm = new Vue({ // 选项 }) 虽然没有完全遵循 MVVM 模型,Vue 的设计无疑受到了它的启发.因此在文档中经常会使用 vm (ViewModel 的简称) 这个变量名表示 Vue 实例. 1.vue.js就是一个构造器,通过构造器Vue来实例化一个对象:例如:var vm = new Vue({});2.实例化Vue时,需要传入一个参数(选