欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

电商项目-项目初始化步骤

程序员文章站 2024-03-25 22:55:04
...

项目初始化步骤

  1. 安装vue脚手架
  2. 通过vue脚手架创建项目
  3. 配置vue路由
  4. 配置element-UI组件库
  5. 配置axios库
  6. 初始化git
  7. 远程仓库
  8. 将本地项目托管到github或者码云上

安装vue脚手架

1.安装node.js
Node.js 安装包及源码下载地址为:https://nodejs.org/en/download/。
使用 brew 命令来安装:
brew install node
一键安装,用node -v进行验证。

2.安装webpack
npm install -g cnpm --registry=https://registry.npm.taobao.org
也可以下载镜像,用cnpm代替npm,速度会快

3.安装vue-cli脚手架构建工具
cnpm install -g @vue/cli
安装完成之后输入 vue -V(注意这里是大写的“V”),如果出现相应的版本号,则说明安装成功。

通过vue脚手架创建项目

在命令行里输入:

vue ui

出现以下界面,点击创建:
电商项目-项目初始化步骤
选择项目的路径:
电商项目-项目初始化步骤
要勾选初始化git仓电商项目-项目初始化步骤
选择下一步手动配置:
电商项目-项目初始化步骤
勾选babel、router、linter/formatter:电商项目-项目初始化步骤
电商项目-项目初始化步骤
最后一步,选择es+standard:
电商项目-项目初始化步骤

element-UI组件库

选择插件:
电商项目-项目初始化步骤
搜索vue-cli-plugin-element
电商项目-项目初始化步骤
添加插件:
电商项目-项目初始化步骤

配置axios库

选择依赖:
电商项目-项目初始化步骤
搜索axios
电商项目-项目初始化步骤

相关标签: vue.js