运行Vue项目流程----从“下载“node.js开始

---

下载node.js

node.js官网

下载最新版的node.js windows64位msi安装程序

下载完之后运行

直接next

下一步选择完安装位置，直接一路默认安装

测试安装是否成功

node -v
npm -v

   
   

   
   
1
2

安装vue-cli，下载全局Vue

npm install --global vue-cli

   
   

   
   
1

安装完之后测试

vue -V

   
   

   
   
1

小tips：

更换npm的下载源：

npm config set registry 源地址
# 淘宝源
https://registry.npm.taobao.org
# 原镜像
https://registry.npmjs.org/

   
   

   
   
1
2
3
4
5

---

创建vue项目

终端进入想要创建项目的文件夹

命令创建Vue项目

vue init webpack 项目名

   
   

   
   
1

下载完模板之后设置你的Vue项目

设置完之后开始下载依赖 推荐用npm的默认源 ，淘宝源有点依赖不会下载，因为用的默认的国外源，这一步可能会慢点

这一步显示，表示成功！

进入项目目录使用命令运行Vue项目 默认localhost:8080端口

cd 项目名
npm run dev

   
   

   
   
1
2

访问成功！！！

BUG！！！

如果卡在这一步不动可能是网络原因，可能是代理没关掉或者更换一下源！

生成完的项目目录：

会有一个node_modules这里面是依赖

如果运行时报错：

'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

   
   

   
   
1

就说明缺少依赖 或者 生成完项目之后，项目中都没有node_modules这个文件夹

cd进入项目目录，重新下载依赖

cd 项目名
npm install

   
   

   
   
1
2

如果重新下载完还报错就删除多试几次，直到下载出node_modules文件夹