搭建vue项目环境

新建vue单页面应用

使用vue/cli新建,基于webpack

$ node -v  //查看node版本(未安装 下载地址https://nodejs.org/en
$ npm -v  //查看npm版本(未安装 cmd执行 :npm config set registry https://registry.npm.taobao.org   配置淘宝镜像安装相关依赖 
$ npm install vue-cli -g    //安装vue-cli脚手架构建工具
$ npm config list   //查看vue-cli是否成功

使用vue-cli2.x的初始化方式,可以使用github上面的一些模板来初始化项目,
webpack是官方推荐的标准模板,另外还有 simulatedgreg/electron-vue模板名
$ vue init webpack test1   //新建项目
$ npm run dev //运行项目

$ vue init simulatedgreg/electron-vue test10   // electron-vue的模板

使用vue-cli3.x的初始化方式、可选择vue2.0或3.0)
$ vue create test2   //新建项目
$ npm run serve  //运行项目 

使用vite新建 vue 3.0
不基于webpack,速度更快,体积更小,仅支持vue3.x,不支持2.x,并且目前还不是很稳定,正在完善中,建议将来使用

$ npm init vite-app test3  //新建项目test3(vue3.0)
$ npm install //安装依赖 
$ npm run dev //运行项目

thinkjs使用文档 (可开发接口)
https://thinkjs.org/doc/index.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容