Vue.js 搭建

壹-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,返回如下页面,成功了

 

只是会操做了,里面还有不少东西都不了解,继续学习

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