新建一个vue项目[通俗易懂]

全栈程序员-站长 • 2022年8月18日下午7:46 • 未分类 • 阅读 7

新建一个vue项目[通俗易懂]1.npm install -g vue-cli2.vue init webpack demo1demo1自定义项目名称创建成功后可以在目录下看到文件夹3.static文件夹用于存放一些静态资源，如图片图标等4. 组件存放在src/components文件夹中5.配置路由 ①package.json里查看”dependencies”是否有:”vue-router”: “^3.0.1″，没有就加上去 ②”src”目录下main.js是否引入路由，没有就加上 …

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元售后保障童叟无欺

1.npm install -g vue-cli

2.vue init webpack demo1

demo1自定义项目名称

创建成功后可以在目录下看到文件夹

新建一个vue项目[通俗易懂]

3.static文件夹用于存放一些静态资源，如图片图标等

新建一个vue项目[通俗易懂]

4. 组件存放在src/components文件夹中

5.配置路由
①package.json里查看”dependencies”是否有: “vue-router”: “^3.0.1″，没有就加上去

②”src”目录下main.js是否引入路由，没有就加上 import router from ‘./router’

③”src”文件夹下router文件夹中index.js中配置路由
path中填具体路径
component中填跳转页面的位置

6.

cd demo1
npm run dev

run对应的是package.json文件中，scripts字段中的dev，是 node build/dev-server.js命令的一个快捷方式

新建一个vue项目[通俗易懂]

浏览器输入http://localhost:8080

新建一个vue项目[通俗易懂]

7.

安装其他插件 ajax，css
ajax使用axios

npm install axios –save

css使用sass

npm install sass node-sass sass-loader –save-dev

8.代理配置在config / index.js文件中

在proxyTable{}内添加

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/171078.html原文链接：https://javaforall.net

赞 (0)

全栈程序员-站长

0 0

查看linux操作系统版本

查看linux操作系统版本

全栈程序员-站长
2021年7月18日
69
android短信验证码代码,Android短信验证码自动填写实现代码

android短信验证码代码,Android短信验证码自动填写实现代码今天给大家分享一个Android短信验证码自动填写的功能。先看下效果图，我发送了一条短信到手机，自动填写验证码。如图：这个小功能运用到了观察者模式，什么是观察者模式？观察者模式：定义对象间的一种一个(Subject)对多(Observer)的依赖关系，当一个对象的状态发送改变时，所以依赖于它的对象都得到通知并被自动更新。在本例中，我们在短信中注册一个观察者，当短信功能(被观察者)收到信息时，就会…

全栈程序员-站长
2022年7月25日
10
龙芯版UOS 自带浏览器无法使用flash在线播放视频

龙芯版UOS 自带浏览器无法使用flash在线播放视频龙芯版UOS自带浏览器无法使用flash在线播放视频1.案例无法播放视频龙芯CPU使用MIPS指令集，用互联网的最新flash(一般情况下，是X86指令集flash)，点击下载安装最新flash,会提示安装失败。2.解决办法a.打开命令界面（效果如下）b1.输入命令：sudoaptinstallfirefox-flashplayerb2.输入命令：输入密码3.完成后重新打开UOS自带浏览器，就可以轻松看视频。祝大家生活愉快！！！在此鸣谢：感谢龙芯大佬指导

全栈程序员-站长
2022年6月6日
40
MySQL之字符串拼接[通俗易懂]

MySQL之字符串拼接[通俗易懂]MySQL字符串拼接及分组字符串拼接涉及：concat,concat_ws,group_concat数据准备：CREATETABLE`app`(`app_id`intDEFAULT’0′,`version_code`intDEFAULT’0′,`download_count`intDEFAULT’0′)ENGINE=InnoDBDEFAULTCHARSET=utf8mb4COLLATE=utf8mb4_0900_ai_ci;INSER..

全栈程序员-站长
2022年9月30日
3
git将本地代码上传仓库(gitlab克隆代码到本地)

Git本地仓库使用1)初始化gitinitcd到你本地的工程目录，初始git使用环境，当前目录下会创建一个.git目录。我这是之前init过了，所以会提示reinit。2)添加文件到版本库gitadd[file/dir]这样，把文件添加到git本地管理目录中，这类似Svn的add操作，实际上，还没有提交到本地管理仓库。利用gitstatus如何通过xcode从git远程代码库clone到本地当然可…

全栈程序员-站长
2022年4月18日
125
sso单点登录系统实现原理(oauth2 单点登录原理)

单点登录SSO（SingleSignOn）说得简单点就是在一个多系统共存的环境下，用户在一处登录后，就不用在其他系统中登录，也就是用户的一次登录能得到其他所有系统的信任。单点登录在大型网站里使用得非常频繁，例如像阿里巴巴这样的网站，在网站的背后是成百上千的子系统，用户一次操作或交易可能涉及到几十个子系统的协作，如果每个子系统都需要用户认证，不仅用户会疯掉，各子系统也会为这种重复认证授权的逻辑搞疯掉。实现单点登录说到底就是要解决如何产生和存储那个信任，再就是其他系统如何验证这个信任的有效性，因

全栈程序员-站长
2022年4月14日
177

发表回复

关注全栈程序员社区公众号