使用Vue构建单页应用一
2024-08-28 15:43:13
一、 环境准备
1 安装Node.js 最好安装node.js-6.X.X 以上版本,https://nodejs.org/en/ 我使用的是 v6.3.1 Current 版本。Node.js已经集成了包管理器NPM
下载安装包,安装完成后,打开一个命令窗口,可以输入如下命令查看安装版本。
2 安装 webpack
命令: npm install webpack -g
官方安装教程:http://webpack.github.io/docs/installation.html
webpack 快速开始教程:http://webpack.github.io/docs/tutorials/getting-started/
3 安装Vue 官方提供的脚手架 vue-cli (在命令行工具里,执行如下命令)
命令: npm install -g vue-cli
4 初始化应用 (每次新建项目时,从此命令开始,最好转到要新建项目的位置)
命令:
vue init webpack vue.web 这个命令执行时,会在当前路径下创建vue.web 的一个目录,所有资源文件都会放在改目录下
cd vue.web // 进入项目目录
npm install // 安装依赖包
npm run dev // 启动服务
初始化完成后,打开浏览器,默认执行 127.0.0.1:8080 就可以访问了
(我本地8080 端口被占用了,所以就改为了8081,在config 目录下有一个index.js 文件,打开编辑port 值,改为你想要的。 改完后,重新 执行
命令: npm run dev 重启服务。
二、 开发Vue 单页应用
1 安装路由
命令: npm install vue-router
三、发布系统
1 发布命令:
npm run build
最新文章
- PHP中文处理 中文字符串截取(mb_substr)和获取中文字符串字数
- iOS textFiled 在storyBoard中的使用
- 2016第20周四java基础概念
- UTF-8/UTF-16/UTF-32
- 微软开放技术发布开源的微软云服务器底盘管理器 (Chasis Manager) 软件
- UNIX/Linux进程间通信IPC---管道--全总结(实例入门)
- 源码阅读之mongoengine(0)
- 发送验证码(××s后重新发送)
- 栈和队列的java简单实现
- css 图片增加模糊效果
- SEO常用命令大全
- 安卓开发中SpannableString之富文本显示效果
- Luogu4697 CEOI2011 Balloons 单调栈
- LinkedList源码分析笔记(jdk1.8)
- 【POJ2728】Desert King 最优比率生成树
- ASP.NET MVC &; Web API项目中集成MEF
- .net core 生成二维码
- .NET Entity Framework (with Oracle ODP.NET)
- Android SharedPreferences保存和读取对象
- 暴力破解工具hydra
热门文章
- ES6中的import()函数
- MVC4.0 oracle 找不到请求的 .Net Framework Data Provider。可能没有安装.
- 11.1NOIP模拟赛解题报告
- Linux系统搭建GitLab---阿里云Centos7搭建Gitlab踩坑
- java jdk切换出现的问题 jdk切换失败(转)
- java音频播放器
- 用CIFilter生成QRCode二维码图片
- Windows 编译 MQTT C++ Client
- yii2.0 Activeform表单部分组件使用方法 [ 2.0 版本 ]
- January 14 2017 Week 2nd Saturday