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
本文来自博客园,作者:码农阿亮,转载请注明原文链接:https://www.cnblogs.com/wml-it/p/15642825.html
技术的发展日新月异,随着时间推移,无法保证本博客所有内容的正确性。如有误导,请大家见谅,欢迎评论区指正!
开源库地址,欢迎点亮:
GitHub:https://github.com/ITMingliang
Gitee: https://gitee.com/mingliang_it
GitLab: https://gitlab.com/ITMingliang
建群声明: 本着技术在于分享,方便大家交流学习的初心,特此建立【编程内功修炼交流群】,为大家答疑解惑。热烈欢迎各位爱交流学习的程序员进群,也希望进群的大佬能不吝分享自己遇到的技术问题和学习心得!进群方式:扫码关注公众号,后台回复【进群】。