Vue项目实战笔记【一】

第一步肯定是上官网vue学下基础知识,这是必须的对吧?比如v-model.v-for,v-if乱七八糟的,还有就是学完vue至少得知道什么是MVVM

很多都会说用vue-cli,然后还需要安装一些东西,由于本人之前写前端一直用的HBuilder,然后在官网发现了HBuilder X。。。可以直接创建Vue项目,自然也就避免了很多繁琐的步骤,值得指出的是这里创建的项目使用的是vue中的webpack框架。

Vue项目实战笔记【一】_第1张图片
创建成功后,如图
Vue项目实战笔记【一】_第2张图片

这时候项目还不能运行,需要安装一些东西,首先是nodejs,安装完成后才能使用npm命令,有时候使用npm命令会比较慢,可以百度找淘宝源换一下,使用cnpm也是一样(有看到过说使用cnpm会出现莫名的错误,虽然我还没遇到,但还是优先使用npm,如果速度真的慢,再用cnpm)。

安装成功就可以试着运行项目了

npm run build
npm run serve
访问localhost:8080就好了
如果这个命令容易忘,也没关系,在你创建的项目里有个README,打开看看就知道了。

你可能感兴趣的:(笔记)