初学Vue,第一次这样在网上写东西
先科普一些概念吧
Node.js Javascript运行环境,不同系统不能直接运行各种编程语言,这种类型于一种翻译。
npm Node.js下的包管理器
webpack Vue的组件都是通过.vue或者像微信小程序的.wxml和.wxss等自定义的组件都无法被用户端的各种浏览器解析,需要翻译和被打包成.js文件
vue-cli 用来生成模版的Vue工程,相当于按照设计好的图来盖房子微信小程序一开始也会以可视化的界面问你是否创建示例工程,其实就是封装看类似的脚手架。
安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装webpack
cnpm install webpack -g
安装vue脚手架
npm install vue-cli -g
之后进到一个文件夹根据模板创建项目
vue init webpack-simple 工程名字<工程名字不能用中文>
废话不多说了-_-,直接上图
这个是创建一个项目模版
创建好了之后文件夹会多了这些内容
然后我们这项目要运行还得下载依赖
npm install
最后就可以运行啦!!!
地址栏输入localhost:8080就出现以下的效果