一、vue-cli脚手架搭建
1.需要安装 node.js
请自行搜索官网进行安装
在终端输入
node -v
显示node版本号,即安装成功
2.安装npm
npm i -g cnpm --registry=https://registry.npm.taobao.org
3.安装vue-cli脚手架构建工具
npm install-g @vue/cli
vue -V
注意：是大V，查看脚手架版本
4.创建项目
vue create 项目名称
5.然后出现三个选项建议选
第三个手动安装然后回车
6.选中
(*)Choose Vue version
(*)Babel
(*)Router
(*)Vuex
(*)CSS Pre-processort
(*)Linter/Formatter
回车即可
随后选择2.x版本回车 随后y/n 都可看个人习惯 随后In dedicated config files 随后y/n 都可 开始依赖下载 项目搭建完成
进入项目中
cd vue-项目名称
将项目启动
npm run serve
通过 http://localhost:8081/来项目访问
项目中每个文件的意思
Node_modules 用来存放用包管理工具下载安装的包的文件夹
Public公共资源
Src源文件
.browserslistrc 项目配置工具
.gitigonre git配置
Babel.config.js转码器
Package.json项目依赖文件
Readme.md说明文档
Package-lock.json文件备件及避免意外修改
二、Element-UI npm 安装
npm i element-ui -S
详情见，组件element官网
