開發經常使用的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>
複製代碼