vue搭建
2020-08-28 19:20
776 查看
-
官网上下载node最新版本 https://nodejs.org/en/
检验是否安装成功
-
在node.js的安装目录(C:\Program
Files\nodejs)下新建两个文件夹node-cache和node_global方便集中管理。(因为默认会将模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间,所以下面两行的命令是修改模块保存的路径,自已想放哪都行,
-
.配置npm的环境变量(因为上面修改了路径)
在系统变path中新增一个变量D:\node\nodejs\node_modules
然后在用户变量中修改变量为D:\node\nodejs\node_global
最后就可以删掉C:\Users\xlz\AppData\Roaming下的npm目录了。(这里得显示隐藏的项目才能看到AppData目录)
(注意:修改了环境变量后要重新打开命令行界面) -
安装vue.js
打开cmd命令框,输入 npm install vue -
安装vue-cli工具 Vue-cli是vue官方提供的一个命令行工具(vue-cli),可用于快速搭建大型单页应用
打开cmd命令框,输入 npm install -g @vue/cli -
安装webpack 打开cmd命令框,输入 npm install webpack -g
相关文章推荐
- 十分钟搞定Vue搭建
- VSCode搭建Vue项目
- Vue.js开发环境的搭建
- VUE之搭建脚手架
- 小喵的VUE项目搭建(一)
- vue开发环境搭建(含WebStorm中vue的代码提醒和微信小程序开发代码提醒)
- Vue单页开发项目搭建
- 详解基于webpack和vue.js搭建开发环境
- vue-cli脚手架搭建的项目怎么去除eslint验证
- Vue.js 2.0环境搭建(mac机系统环境)
- Mac下vue-cli搭建过程
- vue全家桶+element-UI搭建后台管理系统(4)“:登录拦截,登陆后才可以操作”
- vue项目结构是如何搭建的?
- Vue项目的搭建
- 基于vue+express+node+mysql等技术搭建的企业整站
- 浅谈windows下搭建Vue.js开发环境
- Vue.js 运行环境搭建详解及vue、node基础知识普及
- 前后端分离-vue基础开发框架搭建
- 搭建一个vue小页面
- vue-cli初始项目搭建(vue脚手架工具)