vue项目创建
2022-02-25 本文已影响0人
林玲玲的笔记
一、安装vue-cli脚手架
输入命令:cnpm install-g @vue/cli
版本查看:vue -V
二、创建vue项目
方法一:vue create 项目名称
方法二:vue初始化基于webpack的my-project项目(项目名不能用大写字母)
vue init webpack my-project
image.png
三、安装命令
1.less安装命令:
npm i less
npm i less-loader@5.0.0 //安装less解析器
如果安装less-loader报错,解决办法:
// 卸载
npm uninstall --save less-loader
// 安装
npm install -D less-loader@7.x
2.安装vuex实现兄弟组件间的通信
安装命令:npm i vuex
//如果安装失败,解决方法:
//1.通过命令行查询可用的包的版本号:
npm view vuex versions --json
//2.选择合适版本,并使用以下命令安装,例如:
npm install -g vuex@4.0.2
3.token 存储,可以安装第三方插件,jscookie
安装命令:npm i js-cookie