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

上一篇下一篇

猜你喜欢

热点阅读