cmd打开控制台:css
查看node版本:vue
node -vnode
安装淘宝镜像webpack
npm install cnpm -g --registry=https://registry.npm.taobao.orgweb
安装vue-cli环境vue-cli
cnpm install -g vue-clinpm
查看Vue版本element-ui
vue -V工具
切换到项目的目录ui
cd /d D:\WK\YCGY
初始化项目
vue init webpack myproject
建立项目名称
Project name ycgy
,。。。。。
开始一个项目
cd myproject
npm run dev
集成element
# 推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。
npm i element-ui -S
而后再执行:
npm install --save vue
而后再
npm install
以后再运行项目
npm run dev
在项目中使用element-ui:
在main.js引入,并使用:
/*引入下面三行*/
import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI);
引入项目会出现红色的波浪线:
解决方法:
第一种:File | Settings | Languages & Frameworks --->选择ECMAScript 6
第二种:File | Settings | Languages & Frameworks | JavaScript | Code Quality Tools | ESLint -->选择Disable ESLint