如何安装搭建一个前后端vue项目的开发环境？

本章节主要说的是如何完整的搭建一个项目的开发环境

---

一、1.先安装node

去菜鸟教程看 输入 node -v，如果出现相应的版本号，则说明安装成功。

二、安装淘宝镜像

代码如下（示例）：

npm install -g cnpm --registry=https://registry.npm.taobao.org

三、安装vue-cli脚手架构建工具

代码如下（示例）：

npm install -g @vue/cli

安装完成之后输入 vue -V（注意这里是大写的“V”），如果出现相应的版本号，则说明安装成功。

四、前端vue项目创建

代码如下（示例）：

vue create tiktok-web

1.创建前端项目文件夹 vue create 项目名

2.选择Man…(手动安装)

3.选择需要的样式

4.用 vue2.0x

5.Use history mode for router?（是否使用history 模式？）
回复y yes

6.选择Sass/SCSS(with node-sass)模式

7.选择In package.josn

8.是否保存模板 回复n (no)

9.等待安装

五、后端项目创建

代码如下（示例）：

express 项目名

1.在项目目录下打开黑窗口

1.express 项目名

       例如express tiktok-admin

2.进入kigo-admin之内

       cd  tiktok-admin

3.执行cnpm i 命令 安装所有的依赖

       cnpm i

4.执行操作数据库(MongoDB)的命令

       cnpm i mongoose --save

5.解决跨域问题

	   cnpm i cors --save 

---

总结

此次安装搭建没有使用 webpack 下次分享

本文地址：https://blog.csdn.net/weixin_50629151/article/details/111905217