使用vue框架开发前端项目的步骤
前端项目的开发
1. 本地安装nodejs https://nodejs.org/en/download/
2. 测试安装
> node -v
3. 本地安装git
> git --version
4. 使用vue-element-admin
https://panjiachen.github.io/vue-element-admin-site/zh/guide
1) 进入项目中(使用的IDE软件为 Visual Studio Code)
> cd vue-element-admin
2)安装依赖(npm install 或 cnpm install)
> npm install (安装依赖) 不做,慢!
为了加快下载速度,先安装cnpm
> npm install -g cnpm --registry=https://registry.npm.taobao.org
> cnpm install
3) 运行项目
> npm run dev
5. 路由重置
src/router/index.js
6. 页面添加
src/pages
1) 编写页面
2) 配置路由
熟练后的步骤:
1. 使用VS Code打开工作空间中的某一文件夹
2.打开Terminal终端,运行以下命令,--depth 1 代表最近一次commit的版本,这样下载速度比较快。
git clone https://github.com/PanJiaChen/vue-element-admin.git --depth 1
3. 运行 cd vue-element-admin-site 命令,进入项目
4. 使用淘宝镜像,运行命令: npm install -g cnpm --registry=https://registry.npm.taobao.org
5. 安装依赖,运行命令: cnpm install
6. 运行项目,运行命令:npm run dev
大功告成!
最新文章
- jquery遍历
- utmp, wtmp, and lastlog 日志清除工具
- iOS开发中@selector的理解
- Js获取fileupload的绝对路径时总是的到C:\fakepath\+文件名称的 解决方案
- windows apache 配置多个服务站点
- SQL Server备份还原数据库中的小把戏
- 小话python 中的编码转换
- C++的标准模板库(STL)简介
- 450A - Jzzhu and Children 找规律也能够模拟
- Aero问题
- Firefox Profile
- 三种工具绘制errorbar图
- learning makefile = and :=
- 自学Zabbix3.12.6-动作Action-Escalations配置
- mysql 事务学习
- python 重复元素排序
- IOS编码转化
- VSTO学习(五)——创建Word解决方案
- DCDC纹波小实验
- android 开发 ------- 接口文档 规范