使用命令行创建vue项目

使用命令行创建vue项目

别看我也不知道

于 2020-02-27 17:26:22 发布

14070
收藏 44
分类专栏： vue
版权

vue
专栏收录该内容
20 篇文章0 订阅
订阅专栏
准备
首先需要安装vue-cli
打开命令提示符输入

npm i -g @vue/cli
1
安装完成后就可以开始创建vue项目

1.基于命令行的方式创建vue项目

vue caeate project-name
1

2.基于图形化界面的方式创建vue项目
vue ui
1

开始创建项目
1.在终端中输入
vue create vue_project_01
1
按下回车开始创建项目

2.此时会出现两个选项询问你需要安装哪些功能

第一项是默认方式创建vue项目，第二项是手动选择功能创建vue项目

按键盘↑或↓来选择

选择手动模式

 

3.此时让你手动选择需要安装的功能 按空格键选择 选中的功能前面会带有*号 选择完毕之后按回车进入下一步操作
4.如果选择了vue-router的话会弹出一个选项

问你是否需要安装历史模式的路由，我选否 因为要用哈希模式的路由

5.又弹出一个提示让你选择Eslint的语法版本

选择标准版本就行

6.又又弹出一个提示框问你什么时候进行es的语法校验

选择lint on save

7.又又又弹出一个提示问你这些工具的配置文件怎么创建

第一个选项是创建单独的配置文件，第二个选项是把这些配置文件都放到package.json中

8.又又又又弹出一个提示问你要不要把刚才所做的那些设置保存为一个模板供后续创建其他项目的时候使用

9.漫长的等待

正在初始化项目的基本结构、创建一些模板 下载一些包balabala

10.创建完成后提示我们进入到项目的根目录中

并且运行npm run serve 把项目运行起来

11.

在浏览器中输入
http://localhost:8080/#/ 就可以访问到你创建的第一个vue项目了

————————————————
版权声明：本文为CSDN博主「别看我也不知道」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/wmiaopas/article/details/104535196