vue入门练习

Posted peiyao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue入门练习相关的知识,希望对你有一定的参考价值。

1.安装node,webpack

  node -v   //查看已安装版本

  npm install -g webpack   //安装webpack

  npm install -g webpack-dev-server    //安装webpack的本地webserver

2.建立package.json

npm init //一直回车就可以了

3.安装vue

npm install  -g vue-cil //全局安装vue-cil

4.安装vue简单版本的模板

vue init webpack-simple handbook //handbook为项目名称

5.加载依赖

cd handbook
npm install  //初始化安装依赖

6.构建并运行

npm run build 
npm run dev  //会自动打开浏览器 默认为8080端口

 

以上是关于vue入门练习的主要内容,如果未能解决你的问题,请参考以下文章

vue2.0 练习项目-外卖APP

Vue.js初学笔记

VSCode自定义代码片段1——vue主模板

vue3基础练习

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段(vue主模板)