创建vue2项目
1、前往 Node.js 官网下载并安装 Node.js,安装完成后,npm 会随之安装。确认 Node.js 和 npm 是否成功安装,可以在命令行中运行以下命令检查版本:
node -v
npm -v
运行结果:(如下,表示node和npm安装成功。)
2、安装cnpm
3、使用cnpm安装 Vue CLI:
cnpm install -g @vue/cli
检查 Vue CLI 版本
安装完成后,检查是否成功安装以及版本情况,运行命令:
vue --version
若能显示出版本号,说明安装成功。
4、使用cnpm创建vue2项目
在终端中进入你想要创建项目的目录,然后运行创建命令:
vue create my-vue2-project --default
5、运行项目:先进入项目目录
npm run serve
启动成功后,会在终端显示项目的访问地址,一般是 http://localhost:8080
,在浏览器中打开该地址就能看到初始的 Vue 2 项目页面。
6、上边创建完成后发现是vue3项目,创建vue2项目步骤如下:
创建成功后,进入项目目录,运行
npm run serve
打开浏览器查看
停止项目:ctrl键+c,输入y回车即可
组件注册使用