如何搭建vue+node开发环境

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何搭建vue+node开发环境相关的知识,希望对你有一定的参考价值。

一、在搭建vue的开发环境之前,一定一定要先下载node.js,vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网或者中文网里面下载,根据自己的电脑选择是32还是64 

二、下载好node之后,打开cmd,先看看node安装成功了没有,输入 node -v ,回车,会输出node的版本号

三、在D盘新建一个项目

四、用WebStorm编辑器打开文件,全局安装vue-cli脚手架,npm install vue-cli -g

五、检查是否安装上vue, vue-V

六、初始化webpack,vue init webpack 回车

会出现技术分享图片

然后出现是否安装vue-router技术分享图片

 

七、最后输命令语句:npm install

  让项目跑起来 npm run dev


以上是关于如何搭建vue+node开发环境的主要内容,如果未能解决你的问题,请参考以下文章

vue.js2.0:如何搭建开发环境及构建项目

搭建vue开发环境的步骤,六步完成

工作环境标准:搭建前端 Vue 开发环境

一 vue开发环境搭建

vue.js 开发环境搭建

使用ANTD前端开发——开发环境搭建(Windows)