“Vue项目搭建”的版本间的差异

来自小能手俱乐部
跳到导航 跳到搜索
第26行: 第26行:
=== 项目所在位置 ===
=== 项目所在位置 ===
[[文件:Position.png|缩略图|907x907px|无]]
[[文件:Position.png|缩略图|907x907px|无]]
=== 参考资料 ===
Node.js入门:<nowiki>http://www.runoob.com/nodejs/nodejs-tutorial.html</nowiki>
Npm命令:<nowiki>http://www.runoob.com/nodejs/nodejs-npm.html</nowiki>
Vue官网:<nowiki>https://cn.vuejs.org/</nowiki>
Vue CLI:<nowiki>https://cli.vuejs.org/zh/guide/</nowiki>
Es6常用语法:<nowiki>https://blog.csdn.net/itzhongzi/article/details/73330681</nowiki>
Element前端框架 <nowiki>https://element.faas.ele.me/#/zh-CN/component/installation</nowiki>

2021年12月14日 (二) 02:05的版本

环境搭建

项目搭建

安装webpack

npm install webpack –g
生成缩略图出错:无法找到文件

安装vue脚手架

npm install -g @vue/cli
生成缩略图出错:无法找到文件

创建项目

在你想要放置的目录下执行Vue create my_text
生成缩略图出错:无法找到文件
三种配置选择一种回车
生成缩略图出错:无法找到文件

启动项目

cd my_test
npm run serve
生成缩略图出错:无法找到文件

访问项目

访问 http://localhost:8081/
生成缩略图出错:无法找到文件

项目所在位置

生成缩略图出错:无法找到文件