前端从0开始搭框架到项目开发

2021-05-17  本文已影响0人  艾希_可可

###创建项目流程,以vue3.0示例

安装node官网

查看版本node --version

node自带npm

npm install -g @vue/cli

查看版本

vue -V

创建项目

Vue create helloworld

下面的步骤参考

https://blog.csdn.net/qq_36517520/article/details/92441854

项目建完,然后配置一些常用代码

##文件目录

文件目录

##css引入

常用css git地址 建两个文件夹 在base里面引入normalize

在app.vue里面引入base。css

app.vue里面引用才会全局生效

##对路径进行配置别名

创建vue.config.js文件

文件位置 文件内容

##开发风格设置

缩进什么的

##引入tabbar,nav

##引入router

##引入request:axios

##引入commen里面的时间、防抖节流之类的公共方法

##componnent里面引入一些通用组件,例如toast

再做一些常规处理

比如:解决移动端300ms延迟问题fastclick;vueLazyload;px转rem

详细教程参考来自https://www.bilibili.com/video/BV15741177Eh?p=156

mvvm:数据绑定,dom监听,实现数据实时

上一篇下一篇

猜你喜欢

热点阅读