这篇文章主要介绍了vue项目环境如何搭建的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇vue项目环境如何搭建文章都会有所收获，下面我们一起来看看吧。
官网下载安装nodejs，会自动捆绑安装npm，具体步骤省略。
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
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 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项目环境如何搭建”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“vue项目环境如何搭建”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注亿速云行业资讯频道。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
