vue-cli安装和使用

142 阅读1分钟
1,安装全局包
npm install -g @vue/cli
2,检查安装版本
vue -V
(成功打印出版本号就代表安装上了)
3,创建vue项目
vue create 项目的名称
(项目名称使用英文)
4,出现第一个选择窗口
使用方向键来选择预设,敲回车确定

image.png 第一项会自动生成vue 3项目; 第二项会生成vue 2项目; 第三项手动选择要安装哪些功能。

5,第二个选择窗口
选择你都需要安装哪些功能  方向键选择,空格键确定或取消

image.png 第一项是解决JS兼容问题
第六项是CSS预处理器

6,第三个选择窗口
选择版本

image.png

7,第四个选择窗口
选择预处理器

image.png

8,第五个选择窗口
选择第三方插件的配置文件的创建方式;创建独立的配置文件/和package.json放置到一起

image.png

9,最后一项
保存本次所选的所有预设,保存选y/取消选N; 选y需要给预设好的模板命名

image.png 注意:项目创建时鼠标不要左右滑动,会导致项目暂停,暂停后选择窗口点击Ctrl+C重新启动

10,运行项目

image.png

cd到项目根目录, 输入npm run serve运行。