vue项目小demo

安装环境

1.下载node.js(npm包管理器) 可通过输入node -v 来查看版本号,就可以说明安装成功 就可拥有node.js的环境

    npm包管理器,是集成在node中的,所以直接输入npm -v 显示版本信息表示安装成功

2.安装cnpm 在命令行中输入npm -install -g  cnpm --registry=http://registry.npm.taobao.org

3.安装vue-cli脚手架构建工具  

  在命令行中运行命令 cnpm install -g vue-cli ,然后等待安装完成。

构建项目

创建项目首先需要选定创建项目的目录。cd到此目录下  运行 vue init webpack firstVue  这个命令的意思是初始化一个项目,其中webpack是构建工具,也就是整个项目是基于webpack的。其中firstVue是整个项目文件夹的名称,这个文件夹会自动生成在你指定的目录中 我们主要在src目录中做修改  这个项目还只是一个结构框架。整个项目的依赖黑莓有安装

安装项目所需要的依赖

cd到次项目的目录下 运行命令 cnpm -install 安装完成后会多出一个node_modules文件夹

运行项目

在项目目录中,运行命令 npm run dev ,会用热加载的方式运行我们的应用,热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。

可以在浏览器输入localhost:8080 可以看到我们的项目

猜你喜欢

转载自www.cnblogs.com/theworldofbeisong/p/9131766.html
今日推荐