一.nodejs的安装
nodejs官网下载传送门
nodejs安装及vue初始化记录
nodejs安装及vue初始化记录
直到Finish完成安装。

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

nodejs安装及vue初始化记录
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

nodejs安装及vue初始化记录
二.Vue项目的创建

6.打开vscode,新建vue项目(我是在D盘根目录下 新建了一个名字是indexshow的vue项目)命令为 vue init webpack indexshow
nodejs安装及vue初始化记录

若出现如下报错传送门:传送;没出现的话跳过:
nodejs安装及vue初始化记录
7.如下提示:一路都是回车(默认,除非自己有特需)
nodejs安装及vue初始化记录
7.vscode右上角 打开 --> 打开文件夹(找到你新建vue项目文件夹)
nodejs安装及vue初始化记录

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

相关文章:

  • 2021-06-12
  • 2021-05-24
  • 2022-12-23
  • 2021-08-31
  • 2022-12-23
  • 2021-09-04
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-08-03
  • 2021-09-30
  • 2021-09-18
  • 2022-01-03
  • 2021-10-18
  • 2021-04-01
相关资源
相似解决方案