使用vue-cli3.0创建项目
使用命令方式创建
vue create app(app是文件夹的名称)
选择预设(选默认就行)
-
安装完之后会显示 [图片上传失败...(image-f426d3-1556459437752)]
yarn serve
进入到项目cd app 运行项目npm run serve
在浏览器里面输入控制台打印出来的地址就可以看到 welcome to your vue.js app
使用视图界面创建项目
- 安装脚手架 npm install -g @vue/cli 输入vue -V 检查安装是否成功
- 运行vue ui 启动图形界面进行创建项目
- 输入项目创建的目录
- 输入项目名称和设置其他配置项
- 选择预设后，点击创建
- 创建成功后进入项目目录运行 npm run serve 启动项目
其他设置
- 在图形界面中启动项目和打包项目
- 运行打包后的文件需要启动一个服务
- npm i http-server -g
- 在打包后的目录(本项目是dist), 打开命令提示符
- 输入http-server -o
- 在图形界面中安装项目需要的依赖
- vue.config.js配置webpack
vue inspect（在控制台查看）
vue inspect > out.js（把配置输出到out.js）
