如何安装搭建一个前后端vue项目的开发环境?
程序员文章站
2022-03-07 22:04:26
本章节主要说的是如何完整的搭建一个项目的开发环境一、1.先安装node去菜鸟教程看 输入 node -v,如果出现相应的版本号,则说明安装成功。二、安装淘宝镜像代码如下(示例):npm install -g cnpm --registry=https://registry.npm.taobao.org三、安装vue-cli脚手架构建工具代码如下(示例):npm install -g @vue/cli安装完成之后输入 vue -V(注意这里是大写的“V”),如果出现相应的版本...
本章节主要说的是如何完整的搭建一个项目的开发环境
一、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