本地搭建Vue项目并配置必要的信息

本博客默认已安装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为移动端适应