vue项目环境搭建
短信预约 -IT技能 免费直播动态提醒
一、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 -g3.2 安装或更新全局路由：
npm install vue-router -g3.3 安装脚手架
npm install @vue-cli –g四、webpack安装
4.1.webpack-cli 安装
npm i webpack-cli -g4.2 查看版本：
webpack -v提示：
webpack: not installed
webpack-cli: 4.9.0
webpack-dev-server not installed4.3 webpack 安装
npm install webpack -g//配置全局的webpack
npm install webpack --save-dev4.4 安装 webpack-dev-server
npm install webpack-dev-server -g4.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项目环境搭建的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持编程网。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
