2018-01-10

初学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 工程名字<工程名字不能用中文>

废话不多说了-_-,直接上图

这个是创建一个项目模版

2018-01-10_第1张图片

创建好了之后文件夹会多了这些内容


2018-01-10_第2张图片

然后我们这项目要运行还得下载依赖

npm install

最后就可以运行啦!!!

地址栏输入localhost:8080就出现以下的效果

2018-01-10_第3张图片

你可能感兴趣的:(2018-01-10)