vue 脚手架塔配

使用vue-cli3.0创建项目

使用命令方式创建

1. vue create app(app是文件夹的名称)

2. 选择预设(选默认就行)

3. 安装完之后会显示 [图片上传失败...(image-f426d3-1556459437752)]

   yarn serve

4. 进入到项目cd app 运行项目npm run serve

5. 在浏览器里面输入控制台打印出来的地址就可以看到 welcome to your vue.js app

使用视图界面创建项目

1. 安装脚手架 npm install -g @vue/cli 输入vue -V 检查安装是否成功
2. 运行vue ui 启动图形界面进行创建项目
   • 输入项目创建的目录
   • 输入项目名称和设置其他配置项
   • 选择预设后，点击创建
   • 创建成功后进入项目目录运行 npm run serve 启动项目

其他设置

1. 在图形界面中启动项目和打包项目
2. 运行打包后的文件需要启动一个服务
   • npm i http-server -g
   • 在打包后的目录(本项目是dist), 打开命令提示符
   • 输入http-server -o
3. 在图形界面中安装项目需要的依赖
4. vue.config.js配置webpack
   vue inspect（在控制台查看）
   vue inspect > out.js（把配置输出到out.js）