vue通用后台管理项目(一)-项目初始化
一.项目技术栈的展示以及项目的核心重点部分二.如何搭建vue-cli脚手架补充:1.安装node.js注:检查node版本命令node -vnpm和node.js一起安装2.安装cnpm命令:npm install -g cnpm --registry=https://registry.npm.taobao.org查看cnpm版本cnpm -v安装yarn命令:npm install -g yam
·
一.项目技术栈的展示以及项目的核心重点部分
二.如何搭建vue-cli脚手架
补充:
1.安装node.js
注:检查node版本命令
node -v
npm和node.js一起安装
2.安装cnpm
命令:
npm install -g cnpm --registry=https://registry.npm.taobao.org
查看cnpm版本
cnpm -v
安装yarn命令:
npm install -g yam
3.安装vue-cli脚手架构建工具
全局安装vue-cli版本:
cnpm install -g @vue/cli
检查脚手架是否成功安装:
vue -V
三.使用element-ui初始化项目
1.创建:创建之前选好文件位置
vue create 项目名称
四.引入element-ui的方法
1.直接在网页中使用
2.element-ui在脚手架中使用
首先在项目中安装element-ui
(1)全部引入
npm i element-ui -S
或者:
cnpm install element-ui --save-dev
启动项目命令
cd vue_cli
yarn serve/npm run serve
element-ui的引入:
在项目文件下新建一个vue.config.js
(2)按需引入
首先安装
cnpm install babel-plugin-component -D
或者:
npm install babel-plugin-component -D
更多推荐
已为社区贡献1条内容
所有评论(0)