使用VUE-CLI构建一个项目基本的配置

一、开发环境

• 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';

四、修改端口号