vue安装，在window7下，vue-cli 脚手架安装及一些常用指令

最新推荐文章于 2023-01-16 11:01:41 发布

原创最新推荐文章于 2023-01-16 11:01:41 发布 · 407 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #nodejs #npm

Vue整理笔记专栏收录该内容

0 篇文章

订阅专栏

本文详细介绍了如何从零开始搭建Node.js和Vue.js的开发环境，包括Node.js和npm的安装、使用cnpm加速包管理、Vue脚手架的安装及验证，以及常见项目指令的使用。

step1：

1.首先去node官网下载环境（https://nodejs.org/zh-cn/）
2. 安装完之后，进入docs中查看node.js和npm的版本号就算好啦（查看版本指令：node -v ; npm -v；）
3.安装完npm之后可以使用淘宝镜像cnpm（cnpm速度和稳定性都比较好，npm是国外的）
4.----cnpm全局安装指令： npm install cnpm -g
5.cnpm -v指令查看是否安装好cnpm

step2：

安装vue脚手架.（安装指令：npm install vue-cli -g）

step3：

查看vue是否安装成功（vue版本号指令： vue -V）

step4：

运行vue init webpack xxxx （xxxx项目名称）

项目中一些常用指令：

1.cnpm run dev ：运行
2.npm cache clean -f ：清除npm 缓存
3.cnpm install ：安装下载到模板中的package.json中的依赖
4.cnpm install vue-router ：安装路由插件
5.cnpm install axios ：安装axios