安装篇 —— 新建一个VUE项目
一、安装node.js
官网地址:https://nodejs.org/download/release/latest-v20.x/
或者从我的网盘获取:链接:https://pan.baidu.com/s/10EIBqzt1FCHg1xJ5LRZGyQ 提取码:cpzg
安装完成之后。
二、打开cmd命令框,查看是否安装成功
三、安装国内npm淘宝镜像,原因:国内直接使用npm安装缓慢,注意使用管理员命令框
执行命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
现在可以使用cnpm来安装模块了。
四、初始化项目,构建项目
1、安装vue-cli,打开管理员cmd
执行命令:cnpm install vue-cli -g
查看vue-cli是否安装成功
执行命令:vue list
2、选择目录,新建项目,打开管理员cmd
执行命令:
cd D:\zzb\softs\idea\project
vue init webpack ”zzbweb“
然后一路回车+y
到了下面这一步,是执行npm install下载依赖,可以终止后通过cnpm install 下载,ctrl + c
cnpm安装依赖报错,提示需要删除原来已存在的node_modules,进入项目目录,删除node_modules
四、cnpm安装依赖,启动项目
进入到新建的项目:cd zzbweb
执行命令:cnpm install
执行命令cnpm run dev
报错找不到这个依赖,我们通过 cnpm install --save vue-hot-reload-api进行安装
安装成功后,执行cnpm run dev
五、访问,输入网址:http://localhost:8080
完。。。