下载vue脚手架(vue开发步骤)
本文目录
vue开发步骤
1、安装nodejs开发环境
2、全局安装vue-cli脚手架
3、使用vue-cli脚手架运行vueinit命令初始化工程
4、开发,编写代码,包括组件、事件、并开启webpack的热部署功能实时查看
5、打包开发好的代码,使用npmrunbuild
6、部署代码上线。
vue脚手架用途
vue脚手架的作用是用来自动一键生成vue+webpack的项目模版,包括依赖库,免去手动安装各种插件,寻找各种cdn并一个个引入的麻烦。
vue脚手架指的是vue-cli,它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。
前端开发中提到的“脚手架”到底指什么,CLI
软件开发的脚手架的概念是从建筑学术语上引申而来。在建筑学上,脚手架指施工现场为工人操作并解决垂直和水平运输而搭设的各种支架。你见过大楼施工吧?在大楼外墙围的那圈支架就是其中一种脚手架。在软件开发上(当然也包括前端开发)的脚手架指的就是:有人帮你把这个开发过程中要用到的工具、环境都配置好了,你就可以方便地直接开始做开发,专注你的业务,而不用再花时间去配置这个开发环境,这个开发环境就是脚手架。比如vue.js就有个vue-cli脚手架,基于node.js的开发环境,作者帮你把开发环境大部分东西都配置好了,你把脚手架下载下来就可以直接开发了,不用再考虑搭建这些工具环境。
vue.js vuex怎么安装
vue.js vuex安装vue init webpack-simple 工程名字npm install vue-router vue-resource --savenpm run devVue推荐开发环境Node.js 6.2.0、npm 3.8.9、webpack 1.13、vue-cli 2.5.1、webstrom2016现在开始安装环境安装nodejs 可以在终端里下载,但是不推荐,npm的版本会报错 ***隐藏网址***安装vue淘宝镜像 ***隐藏网址***安装webpack npm install webpack -g安装vue脚手架 npm install vue-cli -g—————-如果第二次编写新的vue项目,就可以在这里开始了—————–根据模板创建项目 vue init webpack 项目名字《项目名字不能用中文》会有一些初始化的设置,如下输入: Target directory exists. Continue? (Y/n) 直接回车默认(然后会下载 vue2.0模板,这里可能需要连代理) Project name (vue-test) 直接回车默认 Project description (A Vue.js project) 直接回车默认 Author 直接回车默认 Use ESLint to lint your code? n pick an eslint preset. 默认Standard setup unit tests with karma + mocha?No(单元测试不需要) setup e2e tests with Nightwatch?No(单元测试不需要)进入项目 打开终端 cd 项目名字安装项目依赖 npm install安装 vue 路由模块vue-router和网络请求模块vue-resource –save-dev 是你开发时候依赖的东西,–save 是你发布之后还依赖的东西 npm install vue-router vue-resource –save启动项目 npm run dev发布项目 npm run build
更多文章:
thinkpad e430c(thinkpad e430c参数)
2024年7月13日 04:17