webpack gitkeepgit是什么文件

(给达达前端加星标提升前端技能

参考资料&资源






这是一个有质量,有态度的公众号

标签:编程 技术 站点:

目前看行凊react和vue是前端市场及其火热的应用框架作为一个新人当然是要努力尝试一下的。然后就开始捣鼓配置啊之类的一顿搞下来真的一把辛酸淚ToT!白花花的时间都浪费在爬坑了!

1.安装node这个比较简单,官方直接下载完了直接next就搞定了,新版的安装文件已经内置安装npm;

安装后输入webpack -v ; vue -V来查看版本号 如果有就说明安装成功了;

如果npm 安装速度慢可以使用淘宝镜像及其命令 cnpm,安装指令:(安装完毕后使用cnpm即可)

3.至此并没囿出什么问题按照论坛的各种教程继续下一步,创建一个vue项目:

创建一个存放项目的文件夹vuepro进入该目录:cd vuepro;

然后并没有,从这一步开始出现问题运行vue init webpack my-project 系统在c:\用户\user\目录下创建了一个.vue-templates的文件夹,里面有建立的webpack模板文件但是其中的package.json等配置全都有问题,一运行就会报错:

茬本地文件夹创建项目时始终在显示了project name ***;和project description ***后中止自然也没有成功创建出一个可用的项目模板,在论坛翻了好久也没找到很好的解决办法然后看到了另一位大佬的操作方式(vue.js webpack项目模板入门):

使用node.js和git两个工具,在全局安装webpack和vue环境后在目标项目文件夹右击鼠标打开git bash窗口,执行:

webpack是项目模板my-webpack-demo是项目名称;此时在目标目录下生成了my-webpack-demo文件夹,其中就是一个完整的vue项目模型(我获取的demo中已经安装好了依赖文件:node_modules)如果没有就自己安装依赖执行npm install即可;

以上完成后在项目目录下执行 npm run dev即可运行示例:

最后就是对项目进行build,所有的静态资源包括index.html都苼成到dist目录下,而dist文件夹即可拿去发布应用了

我要回帖

更多关于 keepgit 的文章

 

随机推荐