详解使用vue脚手架工具搭建vue金沙8331网址:

对此Vue.js来讲,假诺你想要神速发轫,那么只供给在您的html中引进贰个`金沙8331网址,`

标签,加上CDN的地址就可以。可是,那并不算是贰个安然无事的vue实际应用。在其实使用中,大家应当要一层层的工具,包蕴:模块化,转译,预管理,热加载,静态检查测验和自动化测量试验等。对于二个急需悠久爱抚和大型的体系来讲,那几个工具是必备的,不过尝试配置开端化这个很难受.那正是我们宣布vue官方提供的脚手架工具的案由,一个简易的营造筑工程具,通过几个默许的步骤援救您火速的营造Vue.js项目。

1.安装node环境

能够利用自带的极限cmd命令行工具;windows下推荐安装git
bash,能够采纳linux命令;

第一步检测是不是安装node;没有设置node的同班请到官方网址下载安装

安装成功后在指令行查看node版本,假若有认证安装成功。

2.设置vue脚手架工具vue-cli

世家在装置node的时候,会自行安装npm;

能够优先查看npm版本;

使用npm安装vue-cli:

npm install vue-cli -g

3.预备工作早已完工,下边间接动用vue-cli初阶化webpack项目;

vue init webpackyourprojectname

高级中学档会输入项目名称,项目描述,笔者等音讯;

能够见到我们刚刚创造的webpack项目早已建好了:

4.查看目录结构

$ npm install

国内某个包npm无法安装,能够采纳cnpm安装

$ npm install

5.开发银行业地开拓

npm run dev

地点node服务器已经跑起来了,端口为结构文件中的端口

6.结构路由

成立新的页面组件,将路由指向该.vue 文件

到此,使用vue-cli创设的vue项目为主得以上手开荒了,恭喜!

7.打包上线

$ npm run build

观察build complete,表明打包成功;

观测目录布局,开掘多了一个dist文件夹,那便是webpack打包后的公文,将改文件和后台研究,以如何格局放到服务器就能够,上线成功。

啦啦啦~
至此,大家vue项目算是最先跑起来了,后续会精解webpack配置,以致地面mock数据开荒等文章,接待我们商酌指正!

以上便是本文的全部内容,希望对大家的读书抱有利于,也期待大家多多指教脚本之家。

发表评论

电子邮件地址不会被公开。 必填项已用*标注