vue-cli安装与使用和vuex使用

VUE-cli 安装与使用

安装步骤：

• 安装nodejs环境：地址：https://nodejs.org

一般情况选择第一个稳定版本下载使用即可

• 安装vue-cli的dos命令：

• 第一步：npm install -g vue-cli–>装上vue脚手架

• 第二步：创建并使用脚手架：vue init webpack my-project----->ynnn

• 第三步：使用vue：npm run dev

• 若是端口号不行，或者被其他东西占用，则在config/index.js中修改端口号

• 因为npm是国外的可能会比较慢，建议使用淘宝镜像cnpm：安装淘宝镜像：$ npm install -g cnpm --registry=https://registry.npm.taobao.org

  Less在vue中如何使用

  • 使用less就必须安装以下的less编译插件：
    npm install --save-dev less
    npm install --save-dev less-loader

  • 注意：建议大家安装在开发环境下面；
    如何安装在开发环境下面：
    必须使用的语法： npm install --save-dev 插件名

  使用方法：引入时：

  <style lang="less" scoped src="./vs.less"></style>
  

Vuex的学习

• 安装：npm install vuex --save

install命令的总结

• npm install --save-dev 插件名：安装在开发环境下面；
• npm install --save 插件名：安装生产环境下面；
• npm install -g 插件名：安装全局路径下面