前端项目笔记

SGG前端项目

1、新建文件夹

利用vue-cli脚手架搭创建一个新的项目,打开终端,定位到桌面,然后再进行创建,不然可能会出现找不到新建的项目文件夹

~ % cd desktop
desktop % vue create review

2、项目基础配置

  1. 关闭语法检查,很多问题可以通过关闭语法检查来解决,比如解决组件名必须用驼峰命名法的问题,在vue.config.js中配置,重新配置config文件后需要重新启动服务器
module.exports = {
  // 关闭语法检查
  lintOnSave: false,
}
  1. src文件夹配置别名,在jsconfig.json文件中,用@/代替src/,如今用脚手架创建的基础项目中都默认配置好了别名,自行选择添加不可以使用该别名的文件即可,exclude表示不可以使用该别名的文件
// 不可以使用该别名的文件
  "exclude": [
    "node_modules",
    "dist"
  ]

3、组件页面样式

组件页面的样式使用的是less样式,浏览器不识别该样式,需要下载相关依赖,注意下载6版本
npm install --save less less-loader@6
如果想让组件识别less样式,则在组件中设置

你可能感兴趣的:(前端)