（LFL）新手拿到Vue2老项目，搭建环境并本地运行

前言：后端无奈要写一个vue的后管小需求，但是每次commit+jenkins构建很麻烦，决定在本地搭建环境自测，第一次接触vue，踩了很多坑，做个总结。

重要：先不急着查博客搭环境，因为不同版本的nodejs，vue，vue-cli，webpack等会影响项目的编译启动，会浪费时间解决npm run dev时报的各种错

1、先确定当前项目所需的环境版本信息

所需获取的信息如下：

{

vue版本

vue-cli版本

node-sass版本

nodejs版本

}

1.1、找到项目根目录的package.json

1.2、区分vue2和vue3

package.json中

"vue": "^2.6.11",  // 版本2开头的代表是vue2

1.3、vue-cli的版本

"@vue/cli-service": "~4.5.0", // 代表是vuecli的4.5.0版本，在3.0版本以后vue-cli更名为vue/cli

1.4、node-sass版本

"node-sass": "^4.12.0",

1.5、nodejs版本

node16.0版本 对应node-sass sass-loader 各个版本号-CSDN博客

可以选择msi这种点击下一步的CSDN安装方式，或者zip解压缩后手动配置环境变量的方式

CSDNhttps://mp.csdn.net/mp_blog/creation/editor/134011169

1.6、npm install 后本地运行项目

 package.json 文件中，可以看项目启动的方式，如 start : npm run dev

"scripts": {

    "dev": "vue-cli-service serve",

    "build:prod": "vue-cli-service build --modern",

    "test": "vue-cli-service build --mode test --modern",

    "lint": "vue-cli-service lint"

}