抛开vue-cli 利用requireJS搭建一个vue项目

---恢复内容开始---

现在学习vue都是利用脚手架vue-cli快速搭建一个项目，这是非常高效的方法，我是十分推荐的，但是有时候在没有互联网的情况，我们没办法在node环境下，敲一个nmp install XXX帮我们搭建系统。这边也遇到了这样的情况，记录一下过程，备忘。

采用的方式是利用requireJS搭建一个遵循AMD规则的vue项目。关于这一块，大家可以百度一下，查询相关资料熟悉requireJS的使用。

第一步，都是建立一个如下常规的简单的工程结构：

----lib 存放js库文件

---src主要的编码位置，vue的组件都在这个地方编写

---index.html 整个项目的布局页（相当于asp.net mvc里面的_layout）

---index.js 项目脚本的入口

---require.conf.js 这部分代码我从index.js里面抽出来的，单独成一块，让整个项目显得更有结构，这里的代码是项目的入口。

2.在布局页引入require.js，注意在data-main指定了require执行的入口是require.config.js(requireJS默认解析js，扩展名可以省略）

3.在require.config.js是定制整个项目的依赖。

4.需要引入的vue都引入了，后面就是开始建立在index.js建立实例化vue,后面的都是常规操作

5.在src下面编写组件

6.配置路由，和编写vuex，该项目简单做了一个登陆校验。

该项目包含了vuex和vue-router的基本用法，有兴趣的可以下载代码查看。

Git仓库地址:https://github.com/TurboV/WebWork.git

转载于:https://www.cnblogs.com/hot-destiny/p/10965140.html

抛开vue-cli 利用requireJS搭建一个vue项目相关推荐

vue.js使用vue-cli搭建一个SPA项目
WHY 之所以写这篇如何运用脚手架自动化构建出一个项目的大架构,主要是面向想入门vue的小伙伴.之前,我第一次接触vue,一直摸不着头脑,想在网上搜个接地气的教程都找不到.SO,我以如何搭建结构为开始 ...
Vue CLI 3 脚手架搭建
@[TOC](Vue CLI 3 脚手架搭建) 注意 see -> cli.vuejs.org/zh/guide/ Vue CLI 的包名称由 vue-cli 改成了 @vue/cli Vue ...
MacOS 搭建一个vue项目(完整步骤)
搭建一个Vue项目一.安装node环境二.搭建vue项目环境 1.全局安装vue-cli 2.检查是否安装成功 3.创建一个基于 webpack 模板的新项目 4.安装依赖 5.启动项目三.vu ...
如何搭建一个Vue项目和配置环境
如何搭建一个Vue项目和配置环境一.Vue简介 Vue(读音/vju/, 类似于view) 是一套用于构建用户界面的渐进式框架, 发布于2014年2月.与其它大型框架不同的是, Vue被设计为可以自 ...
手把手教你从0开始搭建一个vue项目（完结）
前言上一节webpack实战之(手把手教你从0开始搭建一个vue项目)最后我们完成了css样式的配置: webpack.config.js: const path = require("p ...
npm -- 如何在本地安装npm npm 相关命令本地使用命令行搭建一个 vue 工程
npm 安装 1.下载 nodejs 在安装完 nodejs 之后,执行 npm -v ,就已经可以执行出结果了注1:npm 和 cnpm 的区别 npm 是 nodejs 的包管理器,用于 nod ...
从零开始搭建一个vue项目 -- vue-cli/cooking-cli（一）
从零开始搭建一个vue项目 -- vue-cli/cooking-cli(一) 1.vue-cli搭建一个可靠成熟的项目 1.介绍 vue-cli 我是去年六月份接触的vue1.0,当时还是个菜逼,当 ...
【前端】搭建一个VUE框架
大伙好,最近狠狠焦虑了,因为想搞前端技术岗找暑假实习担心自己能力不够,还是希望如果有同学大学期间就决定毕业找工作的话,一定要抓住机会大学期间狠狠锻炼本领噢,不要虚度光阴说了点题外话,回到正题,焦虑的 ...
Vue CLI 3.0 正式发布，Vue.js 开发标准化工具
Vue CLI 3.0 已发布,该版本经历了重构,旨在: 减少现代前端工具的配置烦扰,尤其是在将多个工具混合在一起使用时: 尽可能在工具链中加入最佳实践,让它成为任意 Vue 应用程序的默认实践. V ...

抛开vue-cli 利用requireJS搭建一个vue项目

抛开vue-cli 利用requireJS搭建一个vue项目相关推荐

最新文章

热门文章