vue 快速成功搭建开发环境

溯回蒹葭黎

于 2019-08-17 00:02:37 发布

阅读量136

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/qq_33099301/article/details/99687265

版权

vue 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了前端开发环境的搭建步骤，包括Node.js、VisualStudioCode的安装，以及使用淘宝镜像、Webpack和Vue脚手架等工具的配置方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.安装node.js 官网下载 https://nodejs.org/en/
node -v 查看版本 （查看是狗哦安装成功）
npm -v  查看版本

2.安装visual studio code
下载地址 https://code.visualstudio.com/

之后就可以在vcode的终端下操作

3.安装淘宝镜像（选择安装）
终端输入：npm install -g cnpm --registry=https://registry.npm.taobao.org
注意：mac或Linux系统安装会有权限问题命令前加上sudo之后输入电脑密码即可

4.安装webpack
终端输入：npm install webpack -g
使用淘宝镜像  cnpm install webpack -g（选）

5.安装vue脚手架（自动搭建vue项目框架的工具）
终端输入：sudo npm install -g vue-cli
安装完成后终端输入vue或者vue list，可查看vue是否安装成功。