Vue控制台

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