您的位置:首页 > 产品设计 > UI/UE

使用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';


四、修改端口号

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: