(1)vue的使用方式
原版本应该是三种使用方式,但是现在vue官网好像已经找不到关于本地下载的内容了
1,直接在官网上引用网络CDN文件,注意这种引用方式,要把这一段写在所有使用vue的部分前面
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
2.对于大型文件,例如开发前后端分离程序(手绘组管理系统),使用npm下载
我这里使用的应该是vite进行下载的。。。。
这样会直接创建一个完整的前端部分,
先保证电脑已经下载到了node.js,
注意,为了后面不被卡住,我们最好使用一下淘宝镜像
在命令行窗口使用指令
npm config set registry https://registry.npm.taobao.org
如果想知道自己是否成功安装镜像,可以用指令验证
npm config get registry
然后再下载vue
npm init vue@latest
跟着提示选择自己需要的选项,最后会让你设置项目名称和包,然后会自动在你的包地址下面创建一个vue项目,进入以后运行npm install指令,就基本完成了
然后在运行的时候以idea为例
运行的设定就这样配置好了,接下来点击小三角就可以正常创建了,点击运行会在输入框里里面生成一个网页地址,点击地址就会走进我们创建好的vue项目里面
这里可以注意到有三种脚本 dev build 还有preview,这三种不太一样,后面有空我们再解释
这里我们使用dev,因为他可以生成网址,其实就相当于 npm run dev指令
如果想要指定打开前端的端口地址,可以在package。json的这里进行修改
再然后,如果想要这个页面自己弹出来,我们可以在这里加一个--open
就会自动打开了
3.一般的下载方式应该是。。。。。(后续再补充)