Vue.js基础学习之 搭建vue.js 项目框架。
还是那就俗话,写博客的原因就是为记笔记。其实本人也在word 文档上,也记了,但是怕丢。所以写成博客,当自己再需要的时候可以查看。本人主要是c#,asp.net。为了能一人独立开发一个完整的项目,所以学习一套前端的架构。有错误的地方,欢迎大家指出。不说废话,赶紧利索的写实货的东西。
安装前端编辑器 VS Code
1,下载:https://code.visualstudio.com/ 下载之后,一路安装下去。
2,汉化。ctrl+shift+p 快捷方式搜素,如下图。
改为“zh-CN”
注意:如果更改后,依然不汉化,需要安装插件。商店里搜素就可以了。
创建vue.js 项目
创建文件夹
打开vs code,把文件夹放入工作区
快捷方式ctrl + ~ 打开命令控制台
键入命令:vue -V 。注意大小写
如果如上图所示的话,进行下步,如果提示错误,vue 不是命令符,请看上篇文章,安装npm 及vue.js
键入命令:vue init webpack (注:webpack 是什么东西,不懂的恶补一下,毕竟什么东西得自己研究一下才可以)
键入命令:cnpm install (也可以npm install 这个是在网络好的情况下,cnpm 是上篇网站中配置的taobao 的镜像)
键入命令:npm run dev
如下图
访问:http://localhost:8081 (你们的可能是http://localhost:8080 ,我的8080端口被用了)
以上就是自己学习创建的简单的vue.js 项目。