前端vue项目环境搭建

由于公司业务，需要开发一个理财管理系统，包括理财系统需要配置的参数，供管理员使用的理财产品信息查询，客户评估试卷查询等需求。由于现有的公司前端框架用的extjs目前维护人员很少，所以打算重新搭一套前端的vue框架。所以下面的就是从无到有的记录搭框架的全过程，给自己留个底，好记性不如烂笔头。

第一步，下载vscode

这个在360软件管家中就可以下载。

第二步，vscode中下载中文插件

第一步下载完成后，页面长这个样子

之后下载中文插件

安装完了之后，重启就是中文的了。

第三步，下载其他插件 

 

第四步,下载nodejs，

下载nodejs之前，先安装一个python，因为nodejs有些库需要依赖python，

安装包地址：链接：https://pan.baidu.com/s/1DChgySLe159yB0Ugs-_www                   提取码：pgdl

安装nodejs ,下载地址：https://nodejs.org/en/download/

下载完毕之后，无脑下一步即可。

安装完之后，在cmd中，输入node -v 若如下所示就说明已经安装成功

 

----------------------------------------------环境准备到此结束---------------------------------------------------

导入原始项目（需要自己后期在此基础上改）

项目有需要可以找我要。

然后打开项目，执行npm run dev 

第一个错npm 识别不了（大概这个意思）

VScode要用管理员权限打开

第二个错，启动项目提示：'cross-env' 不是内部或外部命令，也不是可运行的程序或批处理文件。

执行 npm install 下载依赖初始化即可（如果是第一次下载，时间可能会很长。）

最后下载完成的目录包括下面的

 

再执行npm run dev 就可以完美启动啦。