本博客默认已安装node.js和vue
一、通过vue脚手架搭建环境
1.vue init webpack //初始化
2.按照操作一步一步完成即可
3.搭建成功,输入npm run dev 如果出现vue的官网,表示搭建成功。
二、配置vue的基本环境
为了更好的使用vue,必要的ui是需要引入的,为了方便css预处理,还需要引入sass。
1.引入Mint UI
2.引入Element UI
3.引入sass
npm install sass-loader --save-dev
//sass-loader依赖于node-sass
npm install node-sass --save-dev
在build文件夹下的webpack.base.conf.js的rules里面添加配置
{
test: /\.sass$/,
loaders: ['style', 'css', 'sass']
}
4.static中配置reset.css并引入到html.css中
5.配置html为移动端适应