报名网站制作客户管理系统内容

一、环境搭建

进入node官网下载，下载完成后进行安装（安装路径可以更改为自己想保存的地方）

https://nodejs.p2hp.com/

安装完成后验证NodeJs环境变量

node -v

 

配置npm的全局安装路径

使用管理员身份运行命令行以下指令：（双引号中填写入自己所下载node的路径）

npm config set prefix "D:\Node\nodeJS"

执行完成

验证其全局配置是否成功，执行以下指令

npm config get prefix

切换npm的淘宝镜像

1. 提高下载速度：淘宝镜像位于国内，减少网络延迟，加快包的下载速度。
2. 增强稳定性：国内服务器更稳定，减少因国际网络波动导致的问题。
3. 节省流量：减少对海外服务器的请求，节省国际带宽流量。
4. 兼容性和支持：定期同步 npm 官方仓库，确保获取最新包版本，并获得社区支持。

npm config set registry https://registry.npm.taobao.org

安装Vue-cli

npm install g @vue/cli

查看是否安装成功

vue --version

二、搭建vue框架

vue框架搭建

创建一个文件夹，进入后在上面地址栏中输入“cmd”

输入命令回车，将自动打开图形化界面... ...

vue ui

包管理器选择 "npm"

配置操作选择 "手动"

看这篇文章应该都是第一次配置，所以只选个常用的 "Router"，也可根据自己的需要选择

如果想体验vue2可以点击 "3x(默认)" 选择2，下方select 选择 "ESLint with error prevention only"，点击创建。

利用#Webstorm打开

使用Webstorm运行

点击 ："Edit configurations..."

点击 "npm" 进行新建

1. Name：用于设置运行配置的名称，方便识别和管理不同的运行配置。
2. package.json：指定项目的package.json 文件路径，该文件记录了项目的依赖项等重要信息。（通常不需要自己填写，webstorm会自动识别）
3. Command：选择要执行的命令，这里显示“run”，是执行操作的指令类别选择。
4. Scripte：选择具体要运行的脚本，图中“serve”通常用于启动Vue项目的本地服务。

"确定"

运行后，点击运行栏中链接