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
、