[vue]npm创建vue项目的坑

关于npm：
关于常用指令网上一找一大堆，这里就粘贴一个自己觉得还不错的链接：
https://segmentfault.com/a/1190000008634604
关于npm常用的简写说明(注意大小写，之总结了自己常用到的，欢迎补充)
npm install => npm i
-V 查看版本
--save => -S
-dev => -D
进入正题：
npm创建vue步骤:
1.安装vue

npm i vue

2.安装脚手架

npm i -g vue-cli

3.创建一个基于webpack模板的新项目

vue init webpack 文件名

4.进行一系列依赖安装，项目就安装好了。
在安装时会出现的问题：
vue和npm傻傻记不清，就会在安装webpack的时候出现：

npm init webpack 文件名

使用上面的指令会产生一个node_modules文件夹和package.json文件，不要傻傻的以为是你的vue项目少了一堆文件只剩下这两个。
webpack是模块打包机，把 css、js、less 等打包成一个总的js文件供浏览器使用
 
另外再讲个关于node_modules文件夹和package.json文件的bug
npm run dev后报错：

missing script:dev


missing script:dev
打开package.json文件，找到script，查看是否有

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js"

如果没有，就加上后重新运行。如果有
检查文件目录，查看是否缺失node_modules
如果缺失重新使用

1	vue init webpack 文件名

这个问题就解决了