壹-biu

开始学习关于前端的知识,或多或少不会天天被前端的大爷虐了,

搭建一个vue项目,利用vue-cli直接create一个vue+webpack项目. vue-cli就好像IDEA建立springboot项目一样方便.

以下关于项目学习node,npm的版本.

贰-vue-cli安装

先安装vue-cli,用cnpm install vue-cli -g命令,全局安装

vue中自带着webpack插件,所以不需要自己再装一次,以前的版本我就不清楚了

叁-搭建

路径: e:/MyProject

命令: vue init webpack warrior      ---warrior是我定义的项目名字,可以自己设置,不要大写

一顿操作,回车回车回车,也没看是什么东西,先都加上,后面再说.

反正很慢,是不是大家都一样慢,还是就我这边很慢.回头看看,感觉是一顿回车的问题,玩坏了

再来一次 ↓ ↓ ↓

到这步的时候,选择 NO,I wil handle that myself 自己处理的就好了

finished完成.  上面有提示,接下来的操作npm和yarn都有说明

项目生成了,这边使用Visual Studio Code工具打开,

感觉和后台有点类似,猜想写的脚本应该都在src里边,config配置,static静态,test测试, 点.开头的文件应该都是相关对应的配置,后面慢慢学习

肆-运行

命令: cnpm install     ---安装模块,也可以npm install

安装完成后，目录中会多出来一个node_modules文件夹

然后 npm start 启动项目

Your application is running here: http://localhost:8080

好了,浏览器访问url,返回以下页面,成功了

只是会操作了,里面还有很多东西都不了解,继续学习

-----------------------------------------------------