前端项目的开发（使用vue框架）

Posted 2020-11-23 linliquan

前端项目的开发

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-site
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

 

大功告成！