欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

如何安装搭建一个前后端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…(手动安装)
如何安装搭建一个前后端vue项目的开发环境?
3.选择需要的样式
如何安装搭建一个前后端vue项目的开发环境?
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

相关标签: vue npm node.js