VUE项目环境和工具搭建及启动

需要的东西: 

 node.js环境(npm包管理器)

 vue-cli 脚手架构建工具

 cnpm  npm的淘宝镜像

一、安装node.js

1端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,vue的运行是要依赖于node的npm的管理工具来实现

2.进入node.js官网下载相应安装包:https://nodejs.org/en/

3傻瓜式安装,直接安装到自己想安装到的目录里面就可以了

4.安装完成以后,打开命令行,输入node -v  来判断是否安装成功

 5.在安装node的时候,npm包管理器会自动安装,我们在命令输出 npm -v 看看是否安装成功

二、安装淘宝npm镜像

1由于npm是国外的,使用起来比较慢,我们这里使用淘宝的cnpm镜像来安装vue.

 2淘宝的cnpm命令管理工具可以代替默认的npm管理工具

3安装cnpm,输入以下命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

4检测是否安装成功:

cnpm -v

5有的时候我们需要更高级版本的 npm,这个时候我们可以使用命令进行升级 npm -g install npm

三安装全局vue-cli脚手架

1全局vue-cli脚手架,输入命令:cnpm install --global vue-cli 回车

2验证是否安装成功,在命令输入vue,出来vue的信息,及说明安装成功

安装依赖并启动

1npm install,进入项目之后安装依赖,安装成功

2注意:在这一步可能会出现这样的错误;因为你打开的是别人的项目,项目之中肯定有 node_modules模块,那么先删除掉,在执行npm install命令

3npm run dev

一切准备就绪,启动项目npm run dev

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容