Vue UI 创建并运行前端项目
文章目录1、检查环境2、启动 UI3、使用浏览器访问4、创建5、运行1、检查环境node -v 查看 node的版本,不能低于 8.x 。vue -V 查看 vue 的版本,使用 Vue UI 是 3.0 新加的特性。C:\Users\Feng>node -vv10.15.1C:\Users\Feng>vue -VC:\Users\Feng>"node"...
·
1、检查环境
node -v
查看 node 的版本,不能低于 8.x 。
vue -V
查看 vue
的版本,使用 Vue UI
是 3.0 新加的特性。
C:\Users\Feng>node -v
v10.15.1
C:\Users\Feng>vue -V
C:\Users\Feng>"node" "C:\Users\Feng\AppData\Roaming\npm\\node_modules\@vue\cli\bin\vue.js" -V
@vue/cli 4.2.2
2、启动 UI
命令:vue ui
Starting GUI...
Ready on http://localhost:8000
3、使用浏览器访问
这里我用的是 谷歌浏览器。
4、创建
到了这一步点击创建就好了。等待一段时间,项目创建好之后,就可以去运行了。
5、运行
切换到 Vue 项目的根目录下,查看 README.md文件!!
按照提示:
在命令行去输入
npm install
npm run serve
(注意,不用每次都 install,第一次需要,后边启动只需要 npm run serve
)
这时就运行成功了:
接着进入提示中的 URL 就能看到你的项目了:
这就运行成功了。
更多推荐
已为社区贡献3条内容
所有评论(0)