vue + element UI 搭建项目初始化

  1. 首先安装好node.js

  2. npm安装vue

$ npm install vue 
  1. 安装vue脚手架后生产模板项目
# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
  1. 进入项目目录内安装所有依赖包
$ cd my-project
$ npm install

5.安装element UI

$ npm i element-ui -S
  1. 因为习惯使用less,安装less-loader
$ npm install less less-loader --save -d
  1. 运行项目
    在项目根目录下输入命令:
$ npm run dev

就可以在 http://localhost:8080/#/ 访问到初始的vue模板页面

你可能感兴趣的:(vue + element UI 搭建项目初始化)