创建VUE项目

在使用

npm install -g @vue/cli

安装 CLI之后出现“vue不是内部或外部命令,也不是可运行的程序 或批处理文件”。
原因主要是当前环境无法找到vue-cli的路径。可以通过

npm config list

找到prefix配置路径


image.png

prefix配置的路径就是npm全局下载的路径。将这个路径添加到我们电脑的环境变量路径中就行了。

创建vue项目过程:

vue init webpack project

然后输入项目名称、描述等:


image.png

相关依赖安装完成之后,会显示如何启动项目:


image.png

分别:
cd project
npm run dev

启动项目


image.png

然后打开浏览器:

http://localhost:8080
image.png

这是项目默认的内容。
现在开始可以做自己的事啦啦啦~

你可能感兴趣的:(创建VUE项目)