vue+element-UI创建工程

1、全局安装vue-cli

$ npm install -global vue-cli

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

$ vue init webpack 项目名

3、按照提示一步步操作,如下图:

vue+element-UI创建工程_第1张图片


4、cd 到项目的目录里

$ npm install 

$ npm run dev

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

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

npm i element-ui -S

6、再全局引入elementUI,如下图操作:

vue+element-UI创建工程_第2张图片

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

7.1、手动安装ajv

$  npm install ajv@^6.0.0  

vue+element-UI创建工程_第3张图片

7.2、安装webpack出现警告: fsevents@^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



你可能感兴趣的:(工具类,vue)