- 博客访问： 1637489
- 博文数量： 63
- 博客积分： 0
- 博客等级： 民兵
- 技术积分： 646
- 用 户 组： 普通用户
- 注册时间： 2015-05-26 18:02
个人简介
祸兮福之所倚,福兮祸之所伏
文章分类
相关博文
- ·
- ·
- ·
- ·
- ·
- ·
- ·
- ·
- ·
- ·
分类： web开发
2019-08-05 11:10:38
vue搭建一个项目
vue.js,react.js,angular.js(排序根据github排名)是当前最主流的前端框架,号称前端三剑客！！！前端组件库相当多,还有bootstrap、jquery ui、bootmetro、aui、nodejs等等。
这里主要介绍vue这个牛逼的框架,当然三剑客本质上都是基于js的编程,所以要实现页面还需要ui框架。常见的ui组件库也有很多,比如quick ui、element-ui，iview等。
后面将会介绍使用vuejs element-ui实现项目管理系统。
本片介绍搭建vue的项目环境。
环境: centos7
引入式: 直接在凯发app官方网站首页引入
优点: 简单快捷方便
缺点: 万一这个网点挂了(虽然概率极低),又或者自身去这个点的网速极差都是会影响用户体验,说白了这种方法就是把家伙托管到第三方处,虽然方便但是命根子没掌握在自己手中。
第二种下载本地
使用npm安装(官方推荐: 在用 vue 构建大型应用时推荐使用 npm 安装[1]。npm 能很好地和诸如 webpack 或 browserify 模块打包器配合使用。同时 vue 也提供配套工具来开发单文件组件。)
在此之前须先安装nodejs
下载地址
直接解压后即可使用
安装vue /usr/local/node/bin/npm install vue 就这样安装完成。
新建一个项目 vue init webpack '项目名'
会有一些选择,选择vue-router,选择适应npm管理,其他全部yes,这时候就会自动下载项目依赖的相关包。
测试启动命令 npm run dev 在config/index.js可以修改监听的地址和端口
生产环境 npm run build 会生成名为dist目录的静态文件,直接使用nginx代理index.html即可
ok vue的项目搭建完成,后面会详细介绍些自己使用vue的心得。
·
vue.js,react.js,angular.js(排序根据github排名)是当前最主流的前端框架,号称前端三剑客！！！前端组件库相当多,还有bootstrap、jquery ui、bootmetro、aui、nodejs等等。
这里主要介绍vue这个牛逼的框架,当然三剑客本质上都是基于js的编程,所以要实现页面还需要ui框架。常见的ui组件库也有很多,比如quick ui、element-ui，iview等。
后面将会介绍使用vuejs element-ui实现项目管理系统。
本片介绍搭建vue的项目环境。
环境: centos7
引入式: 直接在凯发app官方网站首页引入
优点: 简单快捷方便
缺点: 万一这个网点挂了(虽然概率极低),又或者自身去这个点的网速极差都是会影响用户体验,说白了这种方法就是把家伙托管到第三方处,虽然方便但是命根子没掌握在自己手中。
第二种下载本地
使用npm安装(官方推荐: 在用 vue 构建大型应用时推荐使用 npm 安装[1]。npm 能很好地和诸如 webpack 或 browserify 模块打包器配合使用。同时 vue 也提供配套工具来开发单文件组件。)
在此之前须先安装nodejs
下载地址
直接解压后即可使用
安装vue /usr/local/node/bin/npm install vue 就这样安装完成。
新建一个项目 vue init webpack '项目名'
会有一些选择,选择vue-router,选择适应npm管理,其他全部yes,这时候就会自动下载项目依赖的相关包。
测试启动命令 npm run dev 在config/index.js可以修改监听的地址和端口
生产环境 npm run build 会生成名为dist目录的静态文件,直接使用nginx代理index.html即可
ok vue的项目搭建完成,后面会详细介绍些自己使用vue的心得。
·
给主人留下些什么吧！~~