vue-cli的安装并使用vuie-cli创建项目

1.借助npm进行安装vue-cli

npm install -g @vue/cli

安装完成会回在npm的文件下生成vue.cmd文件

此时表示安装成功。安装成功后需要配置环境变量才能使用vue-cli

将vue.cmd的路径配置到环境变量中,

我的电脑右键属性打开环境变量,找到系统变量中的path,点击编辑输入一个分号并把vue.cmd的路径粘贴进去即可

点击确定,然后重新打开dos窗口 输入vue -V 或者 vue --version 查看vue-cli的版本

2.使用vue-cli创建项目

vue create 项目名称

创建项目时可以选择使用默认配置和自定义配置两种,使用默认配置时不需要设置,按照默认直接创建完成

下面记录一下自定义配置的过程:

(1)选择使用自定义配置

(2)选择一下四项,按enter键确定

(3)需要进行进一步设置的项

Lint on save是保存时格式化

In dedicated config files 是把配置单独抽取成一个文件,不再放在package.json文件中

最后这项是是否要将以上配置保存下来 输入y保存并输入保存的名称,保存后下次再创建项目时除了选择默认和自定义配置时,还会出现以上保存的zhaolilistting一项

如下图

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章