vue+element-UI创建工程

1、全局安装vue-cli

$ npm install -global vue-cli

2、创建一个基于 webpack 模板的新项目

$ vue init webpack 项目名

3、按照提示一步步操作，如下图：

4、cd 到项目的目录里

$ npm install 

$ npm run dev

这样，工程就可以跑了。下面再来说下，elementUI的安装。

5、cd到项目目录中，在执行下

$ npm i element-ui -S

6、再全局引入elementUI，如下图操作：

7、操作中可能出现的问题

7.1、手动安装ajv

$  npm install [email protected]^6.0.0  

7.2、安装webpack出现警告： [email protected]^1.0.0 (node_modules\chokidar\node_modules\fsevents):

 fsevent是mac osx系统的，在win或者Linux下使用了 所以会有警告，忽略即可。意思就是你已经安装成功了。

7.3、'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序或批处理文件。

    进入项目目录 在命令行输入 cnpm install

    成功后，再输入 cnpm run build

7.4  94% asset optimization
         ERROR  Failed to compile with 2 errors

         Failed to compile.

         按照提示，在命令行中，执行cnpm install --save async-validator normalize-wheel