安装node
官网下载安装,默认安装即可
配置淘宝镜像
npm config set registry https://registry.npm.taobao.org/
安装vue脚手架(3.0以上版本)
- 卸载老版本
npm uninstall vue-cli -g - 安装新版本
npm install -g @vue/cli - 查看版本
vue -V
创建vue项目
- npm create project
或者可视化页面创建 - npm ui (勾选路由等插件)
安装element-ui
- 进入项目根目录
npm i element-ui -S
项目中引入 elementUi
- 修改main.js(程序入口)
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
启动项目
- 先install
npm install - 运行
npm run serve
项目中想要使用less进行样式编辑需要安装less
- 命令
npm install --save-dev less-loader less - 使用方法
<style lang="less" scoped>
</style>
