Vue安装及其启动

目录

安装

下载地址

配置npm源

安装vue cli

创建工程

启动服务 

---

安装

下载地址

https://nodejs.org/dist/v16.14.2/node-v16.14.2-x64.msi

https://mirrors.nju.edu.cn/nodejs/latest-v16.x/node-v16.14.2-x64.msi

https://mirrors.tuna.tsinghua.edu.cn/nodejs-release/v16.14.2/node-v16.14.2-x64.msi

安装暂无特殊配置说明  安装完成打开cmd命令窗口

npm -v

#查看npm版本号  确认安装成功与否  如果显示不是内部命令***  将安装目录手动配置为系统环境变量

配置npm源

#配置npm镜像源
npm config set registry https://registry.npmmirror.com

#查看npm配置的镜像源
npm config get registry

安装vue cli

npm install -g @vue/cli
#如果有error执行失败  重新执行或执行npm install -g [email protected]  后重新执行上面安装  版本号为错误信息里的版本号



vue -V
#安装完成  查看Vue版本

进入自己准备的工作目录

创建工程

#创建工程
vue create 工程名称

选中手动配置  回车

 

上下移动  空格选中取消  选中三项  回车

选择版本

 

 是否在路由中选择历史模式  输入  Y  回车

习惯把配置存放在那里？

 是否保存配置为后续新工程预设模版？输入 N  回车

启动服务 

         

npm run serve

成功提示：