这篇文章介绍了vue项目环境搭建的方法，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
一、node.js下载和安装
官网下载安装nodejs，会自动捆绑安装npm，具体步骤省略。
二、express 安装
npm install express -g npm install -g express-generator -----g在前不会安装到全局（坑） npm install express-generator -g 全局安装
三、安装教脚手架
3.1 安装或更新全局vue
npm install vue -g
3.2 安装或更新全局路由：
npm install vue-router -g
3.3 安装脚手架
npm install @vue-cli –g
四、webpack安装
4.1.webpack-cli 安装
npm i webpack-cli -g
4.2 查看版本：
webpack -v
提示：
webpack: not installed webpack-cli: 4.9.0 webpack-dev-server not installed
4.3 webpack 安装
npm install webpack -g//配置全局的webpack npm install webpack --save-dev
4.4 安装 webpack-dev-server
npm install webpack-dev-server -g
4.5 安装vue安装或更新全局vue
npm install vue -g
安装或更新全局路由：
npm install vue-router -g
安装脚手架
npm install @vue-cli –g
五、查看版本
环境变量： echo %PATH% node版本： node -v npm版本： npm -v vue版本： vue -V express版本号： express --version webpack版本号： webpack -v
六、修改npm的本地仓库：
npm config set prefix "D:\Develop\nodejs\node_global" --save npm config set cache "D:\Develop\nodejs\node_cache" --sava
七、环境变量：
系统：
NODE_PATH（新增） D:\Develop\nodejs\node_globa\node_modules（坑：在查看webpack -v报错） D:\Develop\nodejs\node_globa
用户：
path（添加） D:\Develop\nodejs\node_cache（坑：在查看webpack -v报错） D:\Develop\nodejs\node_global
到此这篇关于vue项目环境搭建的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持北冥有鱼。
您可能感兴趣的文章:
