创建一个vue项目

1.去官网下载nodejs

nodejs官网

点击此处下载

打开下载好的文件 点击next

这里可以选择下载到哪一个位置

然后一直点击next

安装完成后 在命令指示符中输入 node -v 查看是否安装成功

在nodejs 的安装目录下创建 node_cache 和 node_global 两个文件夹

在命令指示符中将模块目录和缓存目录设置为刚刚创建的文件夹

npm config set prefix "C:\nodejs\node_global"

npm config set cache "C:\nodejs\node_cache"

更换镜像

npm config set registry "https://registry.npm.taobao.org"

配置环境变量

更改为nodejs安装路径下的node_global文件夹

配置系统变量

新增NODE_PATH

值为 nodejs 下的 node_global 文件夹

在path 中 新增nodejs的根目录 和 %NODE_PATH%

安装vue

安装webpack

安装vue脚手架

输入vue -V 出现版本号表示安装成功

进入存放项目的文件夹 输入 vue create 加上项目名称

创建成功

进入项目文件夹 启动项目

复制到浏览器中打开 即可看到页面