nodejs安装及vue初始化记录

一.nodejs的安装
nodejs官网下载传送门
在这里插入图片描述
在这里插入图片描述
直到Finish完成安装。

2.windows+R打开命令行窗口,分别执行 node -v npm -v命令

在这里插入图片描述
3.解决问题:npm(node)不是内部或外部命令

该链接下的步骤8忽略 再走该链接里的步骤9 紧接着再次执行 node -v和npm -v 看是否出来版本号
4.windows+R命令行里执行如下命令来安装淘宝镜像(copy如下命令) npm install -g cnpm --registry=https://registry.npm.taobao.org
5.安装vue -cli,命令行里执行如下命令(copy如下命令) cnpm install vue-cli -g

在这里插入图片描述
二.Vue项目的创建

6.打开vscode,新建vue项目(我是在D盘根目录下 新建了一个名字是indexshow的vue项目)命令为 vue init webpack indexshow
在这里插入图片描述

若出现如下报错传送门:传送;没出现的话跳过:
在这里插入图片描述
7.如下提示:一路都是回车(默认,除非自己有特需)
在这里插入图片描述
7.vscode右上角 打开 --> 打开文件夹(找到你新建vue项目文件夹)
在这里插入图片描述

8.打开终端,依次输入一下命令
1)安装依赖 执行命令:cnpm install
2)运行项目 cnpm run dev
在这里插入图片描述
3) 按住Ctrl同时点击绿框所示地址 项目就在浏览器里打开了
在这里插入图片描述
9.该页面就是vscode里的APP.vue
在这里插入图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章