下载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模板部分代码

网友评论