前期准备:

安装node.js(node -v检查是否安装)

安装vue-cli脚手架(使用淘宝镜像,然后运行npm install -g vue-cli安装脚手架,vue -V检查是否安装)

一、基本创建项目操作

1、初始化vue init webpack projectName(项目名称)

 

 

 2、运行

 

 

 3、创建成功,运行后,打开地址

 

 

 4、运行结果

 

 

 二、项目中补充插件

1、sass方便css代码嵌套书写等

语法:

父选择器{
    css属性:css属性值;
    子标签选择器{
        css属性:css属性值;
    }

可参考:https://blog.csdn.net/m0_53206841/article/details/124466146

 

 

 2、安装ui框架:npm i element-ui -S

 

 测试

 

 

 

 3、axios安装、使用、封装(用于请求后端数据)

npm install axios

 

 详细参考:https://blog.csdn.net/qq_48968669/article/details/124356249?spm=1001.2101.3001.6661.1

 

 

-----------------------待更新--------------------------

posted on   菜菜小江升级打怪之路  阅读(20)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示