使用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

大功告成!

原文地址:https://www.cnblogs.com/linliquan/p/11857243.html