# vuejs-demo **Repository Path**: pardon110/vuejs-demo ## Basic Information - **Project Name**: vuejs-demo - **Description**: 采用vue-cli3.x布署,使用vuex,vue-router,mockjs及localStorage模拟数据库,vue自定义指令,过滤器,路由导航守卫等 - **Primary Language**: JavaScript - **License**: Not specified - **Default Branch**: dev - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 3 - **Forks**: 3 - **Created**: 2019-04-10 - **Last Updated**: 2023-05-08 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # vuejs-essential ## 指引 - 项目内容来自于[Vue.js技术论坛](https://learnku.com/vuejs) - 作了适当的修改,方便新手入门,使用最新版vue-cli,无须配置即可开发 ### 搭建开发环境 ```js npm install -g @vue/cli vue create vuejs-essential cd vuejs-essential // -D 开发依赖 npm install -D sass-loader node-sass ``` - 想要引用一个 npm 依赖中的文件,*需要在路径前加上 ~ 的前缀来避免歧义* - Vue CLI 项目天生支持 PostCSS、CSS Modules 和包含 Sass、Less、Stylus 在内的预处理器 - @import 在css中是引入css的形式,webpack在CSS中的别名引用标识是~,在js中是@ ### 修复一些问题 - 使用最新的vue-cli开发,真正的零配置 - 修复使用v-validator指令后,表单需要点击二次跳转的问题 - 使用最新的sweetalter库,扩展vue全局插件,直接使用$swal弹窗不报错 ``` npm install ``` ### Compiles and hot-reloads for development - 开发模式,不生成静态实体文件,热更新 ``` npm run serve ``` ### Compiles and minifies for production - 生成dist目录,其内都是编译好的文件 ``` npm run build ``` ### Customize configuration - vue-cli3 目录结构有所变化,具体参见官方指引 See [Configuration Reference](https://cli.vuejs.org/config/).