本篇采用Vue-Cli搭建vue项目，具体请参照本文步骤。适合vue初学者学习。
🧑💻作者名称：DaenCode 🎤作者简介：啥技术都喜欢捣鼓捣鼓，喜欢分享技术、经验、生活。 😎人生感悟：尝尽人生百味，方知世间冷暖。
前言
最近，工作室新来一个实习生，此篇文章是他搭建Vue开发环境的全过程，供大家学习和参考。除了开发环境搭建之外对于其中涉及到的知识也作出了简单介绍。
@[toc]
1.安装node.js
- Node.js是一个
基于Chrome V8引擎的JavaScript运行时环境，用于在服务器端运行JavaScript代码。- 与传统的浏览器环境不同，
Node.js使JavaScript能够在服务器端执行，处理文件操作、网络请求等任务。- 它具有
高效、轻量和事件驱动的特点，适用于构建高性能的网络应用和服务端程序。- Node.js
拥有庞大的包生态系统（npm），提供了丰富的开源模块和库，方便开发者快速构建各种应用。
前往官网下载node安装包，node.js下载地址：Node.js。
2.检验node是否安装成功
输入node -v，检验node是否安装成功。下图为安装成功效果
3.npm安装
- npm是Node.js的包管理工具，用于
安装、管理和共享JavaScript代码资源。- 开发者可以通过npm在项目中
引入所需的第三方库、框架和工具，以加速开发过程。- npm拥有海量的开源包，提供了各种功能模块，涵盖了前端、后端和全栈开发的方方面面。
- 使用npm可以
方便地更新、升级和移除包，同时也能够管理项目的依赖关系，保证项目的稳定性和可维护性。- npm还
提供了命令行工具，使开发者能够快速执行各种操作，如安装包、运行脚本、发布自己的包等。
npm用于管理依赖包，类似于maven。node已经集成了npm，可按下面方法进行版本查看
4.查看npm的包路径
win+r，输入CMD后，输入npm config ls，查看npm包所在的路径。
5.更改npm的包路径（看个人需要，不需要直接到第6步）
1.如有更改npm包路径的需求。在目标路径创建两个文件夹
2.执行如图所示的命令，更改包管理路径
3.配置npm环境变量，类似于java环境变量配置，需前往高级系统设置--》环境变量去配置。
6.改变包下载源
win+r，cmd输入下图命令更改下载源。
7.vue-cli安装
Vue CLI是一个
用于快速搭建和管理Vue.js项目的命令行工具，提供了项目初始化、开发服务器、插件系统和生产打包等功能。通过集成开发服务器和优化构建过程，Vue CLI简化了Vue项目的开发和部署，让开发者能够更高效地创建高质量的Vue应用程序。
输入npm install -g @vue/cli,安装构建项目的工具。
8.查看vue-cli版本
9.vue-cli创建项目
1.在项目创建指定路径输入cmd
2.创建项目
输入vue create jen-project，回车
10.elementui安装
11.axios安装
12.在main.js中引入
import Vue from 'vue'
import App from './App.vue'
import router from './router'
//导入elementui
import ElementUI from 'element-ui'
import axios from 'axios'
//导入组件样式
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
//配置axios
Vue.prototype.axios=axios
Vue.config.productionTip = false
new Vue({
router,
render: h => h(App)
}).$mount('#app')
写在最后
最后感谢大家对于本文的阅读，如有其他开发环境搭建方法，请在评论区留言，谢谢大家。
