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 ajv@^6.0.0  


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



  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值