vue+element+pug模板流程详解

下载VueCLI

1)下载VueCLI并全局安装

cnpm install -g @vue/cli

2)检查版本信息

vue --version

3)创建项目

vue create 项目名称

下载element组件

4)下载element

vue add element

5)当前存储库中有未提交的更改，建议先提交或保存这些更改？然后继续(我选择y)

6)导入模块，第一个值：全局导入；第二个值局部导入；

7)是否覆盖scss(我选y)

8)选择区域(zh-CN代表中国)

9)安装完毕

下载pug模板

10)安装pug和jade依赖

npm install pug pug-loader pug-filters -D

npm install jade jade-loader -D

11)安装pug-plain-loader处理模板

npm install -D pug pug-plain-loader

现在pug模板就可以使用了

附上编写pug模板部分代码