开发常用的npm命令

vue相关

vue init webpack 自定义项目名

安装vuex

npm install vuex --save
安装axios

npm install axios --save
加载css预处理器--sass

cnpm install sass-loader node-sass vue-style-loader --D

移动端UI框架选择

安装mint-ui

npm install mint-ui --save

引入mint-ui，在main.js文件里引入

    import Mint from 'mint-ui'
    import 'mint-ui/lib/style.css'  // 引入css
    Vue.use(Mint)   // 全局使用

安装flexible.js，自适应屏幕插件

npm i -S amfe-flexible

导入文件中

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <script src="./node_modules/amfe-flexible/index.js"></script>

1 安装脚手架

cnpm install -g vue-cli

查看Vue的版本 Vue -V

3 建立自己的项目既初始化

Vue init webpack 文件名字

安装Vuex

cnpm install vuex --save

安装axios

cnpm install axios vue-axios --save

安装element

cnpm i element-ui -S

import ElementUI from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

安装scss

cnpm install node-sass --save-dev
cnpm install sass-loader --save-dev

2、在build文件夹下的webpack.base.conf.js的rules里面添加配置

{
 test: /\.sass$/,
 loaders: ['style', 'css', 'scss']
}

第三部，在需要用到scss的地方写上

<style lang="scss" scoped>

</style>