搭建VUE项目(从零开始)

搭建VUE项目(从零开始)

首先进node.js官网下载相应安装包:https://nodejs.org/en/
搭建VUE项目(从零开始)_第1张图片
下载好就安装到自己的目录里,没有需要注意的地方

安装完以后在命令输出 npm -v 看看是否安装成功然后就安装vue-cli脚手架
搭建VUE项目(从零开始)_第2张图片
完成以上步骤可以在D盘先新建一个文件夹用来存放将要新建的项目文件,这里命名为:vue-demo

打开命令行工具,然后跟着输入,进入项目目录vue-demo文件按图片继续输入命令搭建VUE项目(从零开始)_第3张图片
安装结束后输入 npm install 安装项目所需要的依赖包,因为npm是去国外网站下载包,所以网络不好的话下载会比较慢
输入npm run dev 启动项目
搭建VUE项目(从零开始)_第4张图片
项目就启动成功了

我们复制上面的网址,打开浏览器访问一下
搭建VUE项目(从零开始)_第5张图片
接下来我们看看通过vue-cli安装的vue项目文件目录
搭建VUE项目(从零开始)_第6张图片
有什么问题欢迎评论留言,我会及时回复你的

你可能感兴趣的:(VUE,搭建VUE项目(从零开始))