详解用vue

网友投稿 166 2023-05-22


详解用vue

vue-cli

用vue-cli来搭建vue项目

第一步:全局安装vue-cli

sudo npm install vue-cli -g

第二步:初始化一个项目

vue init webpack-simple projectName

第三步:把文件切换到初始化的项目中

cd projectName

第四步:安装依赖

npm install

当然也可以用淘宝镜像cnpm来安装,这样快很多

cnpm install

第五步:运行

npm run dev

完成一个初始化vue项目

webpack

要开始一个vue项目,

那也必须要了解webpack

webpack是一个前端资源模块化管理和打包工具

首先你可以建立很多个js,css文件,但是利用webpack就只需要在index.html那里引用一个js文件,也就是所谓的打包文件,不需要去引用所以的js,css文件

第一步:全局安装webpack

sudo npm install webpack -g

第二步:建立一个package.json基础配置文件

npm init

第三步:安装webpack的依赖

npm install webpack --save-dev

第四步:一个项目里面的index.html文件

<body>


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序中form 表单提交和取值实例详解
下一篇:微信开发准备第一步 Maven仓库管理新建WEB项目
相关文章

 发表评论

暂时没有评论,来抢沙发吧~