vue

1.现在GitHub上创建新的仓库
2.回到本地gitbash上命令
cd /f/ (或是 mkdri vue ,cd vue)
git init
git clone git@github.com:ouyangbeibei....
cd vue-resumer-1
ll (或 ls)
npm init -y
npm install -g vue-cli
vue init webpack . (“.”当前目录,不新创建。)
这时要 y || n (根据你的需要)

image.png

如果报错!版本节点低,需要安装更高版本。
npm install -g vue-cli
image.png

git commit
在vim里编辑添加: vue init webpack . && npm install
giit push
npm run dev //自动打开浏览器.8080
image.png

vue

3.以上完成说明vue安装成功。

目录结构
image.png

image.png

依赖插件安装

npm install --save normalize.css sass-loader node-sass

normalize.css:浏览器统一默认样式。
reset.css:篡改默认样式。在src>assets里创建。(不冲突)

reset.css
*{margin: 0; padding: 0; box-sizing: border-box;}
*::before{box-sizing: border-box;}
*::after{box-sizing: border-box;}
ul,ol{list-style: none;}
body{
    font-family: -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

如果用element组件:官网https://element.eleme.io/#/zh-CN/component/button
npm i element-ui -s

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容