使用VUE-CLI构建一个项目基本的配置
来源:互联网 发布:程序员为什么容易猝死 编辑:程序博客网 时间:2024/05/29 11:57
一、开发环境
- 1、
window10
电脑系统 - 2、安装了
node
及npm install --global vue-cli
二、一个VUE
工程的基本配置
1、
vue init webpack 项目名称
2、安装
scss
的loader
包(注意不需要去webpack
中配置)npm install node-sass --save-devnpm 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';
四、修改端口号
阅读全文
1 0
- 使用VUE-CLI构建一个项目基本的配置
- 利用 vue-cli 构建一个 Vue 项目
- vue-cli构建项目反向代理配置
- vue-cli 构建的项目中如何使用 Less
- vue-cli 构建的项目中使用 Less
- 使用vue-cli构建的项目不检查分号
- 使用vue-cli构建项目步骤
- vue-cli构建项目
- vue-cli构建项目
- vue-cli构建vue项目
- vue-cli构建vue项目
- vue-cli构建vue项目
- vue-cli构建vue项目
- vue-cli构建vue项目
- vue-cli构建vue项目
- vue-cli脚手架构建Vue项目及相关配置
- Vue.js:使用vue-cli快速构建项目
- 用vue-cli 自动构建的目录里面 (环境变量及其基本变量的配置)
- 台湾大学机器学习基石Lecture2
- 扩展欧几里得 与 乘法逆元
- nrpe安装
- Codeforces869B The Eternal Immortality
- new运算符做了什么
- 使用VUE-CLI构建一个项目基本的配置
- Python之dict的妙用
- leetcode 333. Largest BST Subtree
- SSM中解决中文乱码问题
- 使用libpcap库过滤pcap文件中的数据包
- bzoj2369 && 2687 -- 决策单调性优化DP
- NKOJ-Unknow 死亡的颂唱者
- mongodb批量删除数据
- mooc 1-3