vue创建项目步骤和配置环境

最新推荐文章于 2024-08-03 17:57:20 发布

沈际

最新推荐文章于 2024-08-03 17:57:20 发布

阅读量723

点赞数 1

分类专栏：笔记文章标签： npm 前端 vue git

本文链接：https://blog.csdn.net/Jing_tom/article/details/106010837

版权

本文详细介绍了Vue项目的创建步骤和配置环境，包括环境配置、vue-cli安装、项目创建、依赖安装（开发依赖与运行依赖）以及Element-UI的安装和使用。通过这些步骤，你可以快速地搭建起一个Vue项目并开始开发。

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

1.在创建项目之前,一定要确保你已经安装了node.js , 如果还没有安装，没有配置npm全局环境变量，需要先去官网下载安装。

2.npm是一个包管理工具，在我们安装node.js之后，自动拥有包管理功能。

npm -v      //可以查看版本号
node -v     //node版本

3.由于国内用npm安装第三方依赖时，下载速度较慢，所以建议安装淘宝镜像。

npm config set registry https://registry.npm.taobao.org

vue-cli是一个“命令行工具”，辅助我们开发的工具，且本质上是一个npm包，也需要通过npm安装下载。

npm i -g @vue/cli   //全局安装vue-cli

如果项目需要用到2.0版本功能就要加个补丁：

npm install -g @vue/cli-init    //补全2.0版本功能

4.0版本创建：

 1. vue create 项目名称    //初始化、创建
 2. cd 项目名称             //打开项目
 3. npm run serve    //启动项目

2.0版本创建步骤：

1.  vue init webpack-si

关注

专栏目录