新建一个vue2项目

安装Vue CLI

在终端中输入以下命令进行全局安装:

npm install -g @vue/cli

创建Vue项目

1.在你要创建项目的目录下打开终端输入vue create 【你的项目名称】

新建一个vue2项目_第1张图片

2.手动选择安装

新建一个vue2项目_第2张图片 

3.根据自己的需求选择

新建一个vue2项目_第3张图片 

4.选择vue版本

新建一个vue2项目_第4张图片 

5.是否使用calss风格的组件语法: (推荐:y)

新建一个vue2项目_第5张图片 

6.这个选择的意思是要不要使用babel工具自动转换为ts代码注入polyiss(推荐: y)

新建一个vue2项目_第6张图片 

7.是否使用history模式创建路由;

新建一个vue2项目_第7张图片 

8.选择预处理器(如: less,sass,stylus)

新建一个vue2项目_第8张图片 

9.选择代码检测时的工具

新建一个vue2项目_第9张图片 

10.选择检测时机

新建一个vue2项目_第10张图片 

11.如何存放配置

新建一个vue2项目_第11张图片 

12.可以将当前创建项目配置作为一个模板方便下次直接使用 

新建一个vue2项目_第12张图片

新建一个vue2项目_第13张图片 

13.至此,一个vue项目就创建完成了。 

新建一个vue2项目_第14张图片

vue项目启动自动打开浏览器 

在 vue.config.js 文件下配置

devServer: {
    host: 'localhost',
    open:true, //默认打开浏览器
    proxy:"http://localhost:2999"
  }

如图:

新建一个vue2项目_第15张图片

 

你可能感兴趣的:(vue.js,前端,javascript)