天天看点

【学习笔记】vue单页应用基本环境搭建

安装node

本身装了就不贴了,上网大把

安装vue-cli

npm install -g vue-cli

项目初始化

创建项目目录,在里面cmd(这里用的git命令板,不过也一样)

红色箭头处选 n

【学习笔记】vue单页应用基本环境搭建

进入到刚刚webpack帮你创建的项目文件夹里

【学习笔记】vue单页应用基本环境搭建

安装node_module(应该是一个本地的服务器环境)

【学习笔记】vue单页应用基本环境搭建

运行

【学习笔记】vue单页应用基本环境搭建

然后后面返回的url就可以看到页面效果了。

这里要注意,

如果是两个vue的项目冲突会自动改端口。

如果你本身安装了一个本地服务器环境,比如phpstudy或者wamp、IIS等,会冲突,访问出来的会是原来本地环境的文件,

这个时候要改端口

打开config—>index.js,改红线处

【学习笔记】vue单页应用基本环境搭建

然后访问一下

【学习笔记】vue单页应用基本环境搭建

成功了

参考:https://www.jianshu.com/p/02b12c600c7b

继续阅读