如何使用vue-cli构建项目

收藏
Vue
0
Jun 26, 2019

vue-cli如何安装,如何使用vue-cli构建项目

 

回答

云松回答

1 安装vue-cli3.0

 

指定下载资源为淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

 

1 安装vue-cli

npm install -g @vue/cli
# OR
yarn global add @vue/cli

 

2 查看版本

vue --version

 

3 vue-cli构建项目

vue create vue-demo

 

 

选择默认即可、可起服务

 

4 目录结构

├── README.md  					# 说明
|-- dist                       	# 打包后文件夹
├── babel.config.js 			# babel语法编译
├── package-lock.json 
├── package.json
├── public						# 静态文件夹
│   ├── favicon.ico
│   └── index.html				#入口页面
└── src						    # 源码目录
    ├── App.vue - 页面
    ├── assets  - 静态目录
    │   └── logo.png
    ├── components 组件
    │   └── HelloWorld.vue
    └── main.js                  # 入口文件,加载公共组件
|-- vue.config.js                # 配置文件 
|-- .eslintrc.js    		  	# ES-lint校验                   
|-- .gitignore          		# git忽略上传的文件格式   
|-- babel.config.js   			# babel语法编译                        
|-- package.json       	     # 项目基本信息 

 

(0)

提交成功