vue环境搭建以及在vscode中创建项目

首先环境的创建

网上的教程层次不齐，有些确实不太好，我这里也是踩了很多坑，这里推荐这个搭建方法vue全局搭建，这个相对于其他的直接用npm装有个好处是用到了淘宝源，并且避免了由于cache引发的一些问题，并且环境变量的设置会让npm更容易操控，一般的方法里虽然设了淘宝源但是并没有用到cnpm这个命令，因此安装webpack 以及express时经常会出现各种问题，大概意思就是超时连接不上的问题，因此推荐这个方法。

其次是vscode中创建项目

这个我看过很多的方法大多都会出现一些问题，造成如以下的这种问题

PS D:\vscode\vuetest> cd vue_first
PS D:\vscode\vuetest\vue_first> npm run dev

> vue_first@1.0.0 dev D:\vscode\vuetest\vue_first
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js   

'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序
或批处理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vue_first@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vue_first@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to 
install?

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\卷毛\AppData\Roaming\npm-cache\_logs\2020-04-22T10_01_08_807Z-debug.log

就让人很难受，因此我推荐一个方法，创建vue项目这个方法更加普遍，但是也有缺点，我们需要在最后一步npm run dev之前在vscode的终端输入以下两个指令

cnpm install
npm run build

这两个操作会让以上的问题得到解决，然后就可以快乐的运行！