vue-cli搭建vue项目

vue-cli搭建vue项目,第1张

概述1 安装node,npm   npm i node npm node -v npm -v 2 查看webpack版本,这里要注意,webpack如果为4.0,可能不兼容vue-cli 先卸载 npm uninstall webpack 3.安装vue-cli   4初始化vue项目 vue init webpack Vue-Project 其中webpack是模板 Vue-Project是项目名称

1 安装node,npm
  npm i node npm
node -v npm -v

2 查看webpack版本,这里要注意,webpack如果为4.0,可能不兼容vue-cli

先卸载 npm uninstall webpack
3.安装vue-cli

 

4初始化vue项目
vue init webpack Vue-Project
其中webpack是模板 Vue-Project是项目名称

这里注意把ESlint检测关了,不然总是会报错
5 cd目录
 npm run dev

ok完成了

6.packgae.Json
在目录下面有个package.Json文件,可以查看项目依赖版本和 打包的命令

这里dev代表开发版本   unit是测试版  build是正式版
7 config

这里config代表一些文件的配置,通过不同的环境变量 NODE_ENV打包不同的文件


在index.Js文件可以配置对应的域名和参数.后面有的话再补充吧

总结

以上是内存溢出为你收集整理的vue-cli搭建vue项目全部内容,希望文章能够帮你解决vue-cli搭建vue项目所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1066423.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-26
下一篇2022-05-26

发表评论

登录后才能评论

评论列表(0条)

    保存