现在开始安装环境
一.安装node.js
首先要安装node.js,去nodejs官网下载即可,地址:http://nodejs.cn/中文网。
安装完成后,打开终端(windows键+R)搜索cmd,输入命令行node -v 和 npm -v,如果能显示出版本号,就说明安装成功。
二.安装vue-cli
输入命令:npm install -g vue-cli
三.在桌面新建文件夹,并进入文件夹(回顾一下用命令来操作)
四.准备工作做好,开始正式的搭建项目
输入命令:vue init webpack demo 回车
这是你就看到你桌面新建的vue文件夹里边就多了一个demo文件夹
还有一种新建项目的方法vue init webpack-simple demo 回车(这个搭建的项目比较简单,适合我们平时学习用)
五.按照上面的命令进行操作
输入cd demo 回车,再npm install回车,你会发现文件夹中多了一个项目文件夹
启动项目,输入命令:npm run dev
这时候你会发现一个端口为8080的项目就搭建完成了,如果浏览器没有出现那说明8080这个端口已经被占用了,那么需要修改一下配置文件 config>index.js。
在此启动,端口为8088
然后我们可以自己需要找到app.vue文件,进行代码更改
后期我们写的文件都要放到src里边,以.vue为后缀
项目开发完成之后,可以输入 npm run build 来进行打包工作
是不是你也搭建成功了呢,很有意思吧,加油,我们一起深入vue!