[标准]Vue中大型应用开发流程——简便的Vuecli

zhuanbike 2022-1-13 795

vue-cli的配置就和react脚手架类似,还是很方便的。小型应用直接引用vue.js即可,大型应用则需要用到脚手架之类的本地开发环境。


1、安装vue-cli (webpack 已经写过配置,比较麻烦,可以按发贴时间查找上个笔记)

详细教程地址:

https://www.jianshu.com/p/32beaca25c0d


上述教程简单总结(mac用户加sudo):


npm install -g webpack
npm install --global vue-cli


安装完成之后输入 vue -V(注意这里是大写的“V”),如下图,如果出现相应的版本号,则说明安装成功。


(前面是全局安装,已经安装过的,可以直接从这一步开始创建新项目)

创建自己的工作文件夹

在文件夹中打开终端然后创建vue项目

vue init webpack myapp1

然后一直y就可以了,也可以根据自己的需要来选择。


继续安装依赖(建议切换淘宝源,用 cnpm , npm install -g cnpm --registry=https://registry.npm.taobao.org):

cnpm install


最后就可以启动项目了:

npm run dev


完成开发后打包上线:

npm run build


最新回复 (1)
  • zhuanbike 2022-1-14
    0 引用 2
    当然还有vscode配置webpack和git代码仓库
发新帖