VUE新手上路的一下步骤命令和疑难杂症

1.从node.js官网下载并安装node    输入 node -v 查看版本
2.npm包管理器，是集成在node中的，所以，直接输入 npm -v 查看版本
3.npm install webpack -g  安装webpack   输入 webpack -v 查看版本( 如果是webpack 4X 后需要安装webpack-cli 请注意需要安装在同一目录  npm install --save-dev webpack -g  和 npm install --save-dev webpack-cli -g)
4.npm install -g vue-cli  安装vue脚手架
5.vue init webpack firstVue  在工作目录下生成项目firstVue
6.npm install  在项目目录初始化npm
7.npm run dev  跑项目 
8.npm install vue-router --save 安装路由
9.npm install axios --save  安全ajax请求
10.npm run build  打包发布


















更新：
npm update -g
npm update vue-cli   npm view vue-cli






疑难杂症：


1：报错
Module build failed: Error: Cannot find module '模块名'
那就安装


npm install 模块名 --save-dev(关于环境的，表现为npm run dev 启动不了)
npm install 模块名 --save(关于项目的，比如main.js，表现为npm run dev 成功之后控制台报错)
比如escape-string-regexp、strip-ansi、has-ansi、is-finite、emojis-list




2.手机端插件vux2.0构建project：（发现问题：修改原码，页面上没有及时更新）
vue init airyland/vux2 project
解决：WebStorm编辑器没有真正保存。
File > Settings > Appearance & Behavior > System Settings
去掉Use "safe write"(save changes to a temporary file first)前面的勾


















vue.js导入css库（elementUi）的方法


npm install style-loader --save-dev
npm install css-loader --save-dev
npm install file-loader --save-dev


1.安装elementUi模块


npm install element-ui@next -S


在webpack.base.conf.js中添加配置


 {
          test: /\\\\\\\\.css$/,
          loader: "style!css"
      },
      {
          test: /\\\\\\\\.(eot|woff|woff2|ttf)([\\\\\\\\?]?.*)$/,
          loader: "file"
      }


然后在 main.js 引入并注册


import Element from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.use(Element)








ES6基本语法：
let：对变量的声明(只在代码块内有效，并且同一代码块内只能声明一个)
const：对常量的声明




VUEX的使用：
当你使用终端命令建立vue项目时候，我们可能需要父组件向孙组件传值，或者非父子组件传值，或子组件向父组件传值的时候，我们可以使用vuex实现，