使用VUE-CLI构建一个项目基本的配置
2017-10-07 13:25
1076 查看
一、开发环境
1、window10电脑系统
2、安装了
node及
npm install --global vue-cli
二、一个VUE
工程的基本配置
1、vue init webpack 项目名称
2、安装
scss的
loader包(注意不需要去
webpack中配置)
npm install node-sass --save-dev npm install sass-loader --save-dev
3、修改组件中样式文件描述建议直接配置模板
<style lang="scss" rel="stylesheet/scss" scoped> </style>
4、修改项目缩进字符为4,使用
webstorm编辑器开发格式化比较好(根据个人习惯)
三、整个项目中的公共样式引入
1、在main.js中引入公共样式
// 引入样式文件 import 'common/css/index.scss';
四、修改端口号
相关文章推荐
- vue-cli 构建的项目中使用 Less
- 使用Gradle构建SpringBoot工程系列:第四篇:项目初始化(编辑build.gradle文件,引入项目基本配置及依赖)
- 使用vue构建一个自由建站项目
- 基于vue-cli的vue项目之路由1--最基本的使用
- vue-cli 构建的项目中如何使用 Less
- 详解vue-cli构建项目反向代理配置
- vue-cli 构建的项目中如何使用 Less
- 使用Vue-cli搭建多页面应用时对项目结构和配置的调整
- 使用webpack构建vue-cli项目,写scss脚本语言报错
- vue-cli构建项目下使用微信分享功能
- 使用vue如何构建一个自动建站项目
- Vue.js:使用vue-cli快速构建项目
- Android Studio新手–>下载安装配置–>零基础入门–>基本使用–>调试技能–>构建项目基础–>使用AS应对常规应用开发
- webpack+vue 构建项目步骤并且使用sass 安装配置
- vue-cli构建项目使用 less的方法
- 利用 vue-cli 构建一个 Vue 项目
- 基于vue-cli的vue项目之axios的使用6--配置axios
- vuex在vue-cli和webpack构建的项目中的简单使用
- 使用vue-cli+axios构建的项目本地环境API代理设置和解决跨域
- 使用vue-cli构建的项目不检查分号