开发经常使用的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

2. 查看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
复制代码

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

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

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

<style lang="scss" scoped>

</style>
复制代码