电商项目-项目初始化步骤
程序员文章站
2024-03-25 22:55:04
...
项目初始化步骤
- 安装vue脚手架
- 通过vue脚手架创建项目
- 配置vue路由
- 配置element-UI组件库
- 配置axios库
- 初始化git
- 远程仓库
- 将本地项目托管到github或者码云上
安装vue脚手架
1.安装node.js
Node.js 安装包及源码下载地址为:https://nodejs.org/en/download/。
使用 brew 命令来安装:brew install node
一键安装,用node -v
进行验证。
2.安装webpacknpm 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
上一篇: 代码逻辑的进修