Vue：第一个vue-cli项目

最新推荐文章于 2024-06-26 08:24:50 发布

ZXLzhuzhu

最新推荐文章于 2024-06-26 08:24:50 发布

阅读量668

点赞数 5

分类专栏： vue 文章标签： vue.js npm 前端

本文链接：https://blog.csdn.net/ZXLzhuzhu/article/details/120996456

版权

本文介绍了如何使用vue-cli创建第一个Vue项目，包括环境准备、项目初始化、配置选择，以及使用WebStorm打开项目。同时，简述了WebStorm作为前端开发工具的特点和优势，并给出了一个简单的测试案例。

摘要由CSDN通过智能技术生成

vue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板；

预先定义好的目录结构及基础代码，就好比我们在创建Maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架，我们的开发更加的快速；

主要的功能：

Node.JS:https://nodejs.org/zh-cn/download/

安装就无脑一直下一步就好，安装在自己的环境目录下
使用.mis安装包window会自动帮我们整个打包好并配置好了系统环境变量，就算卸载也可以通过window完全卸载干净，zip需要自己配置环境变量
1. 系统变量新建NODE_HOME, 值为Nodejs根目录
2. 系统变量path编辑,添加%NODE_HOME%和%NODE_HOME%/node_global
3. 在根目录添加node_global和node_cache文件夹
4. npm config set prefix “根目录\node_global”
5. npm config set cache “根目录\node-cache”
Git:https://git-scm.com/downloads（暂时不需要）

镜像:https://npm.taobao.org/mirrors/git-for-windows

确认nodejs安装成功
cmd管理员身份下输入node -v，查看是否能够正确打印出版本号即可
cmd管理员身份下输入npm -v，查看是否能够正确打印出版本号即可

这个npm，就是一个软件包管理工具，就和linux下的apt软件安装差不多

安装Node.js淘宝镜像加速器（cnpm）

这样子的话，下载会快很多~

# -g 就是全局安装
npm install cnpm -g

# 或使用如下语句解决npm速度慢的问题
npm install --registry=https://registry.npm.taobao.org

安装的位置：

关注