Vue镜像源的下载和检查

打开PowerShell

检查是否下载镜像源

如果没有下载镜像源先下载镜像源

切换淘宝镜像源下载文件

下载脚手架

打开PowerShell窗口

输入 npm install -g @vue/cli下载脚手架

下载脚手架文件

新建一个文件夹，按住shift键右击新建在此处打开PowerShell窗口输入 vue create bbb（自己想命名的文件名称）

此处选第三个（自行选择项目包含那些功能）

希望项目包含那些东西（带*好的表示要安装的）将本来选中的Linter/Formatter 用空格取消星号选中Router

选择2.X

选择那种路由模式是否使用h5的history 选择否（n）

把相关的配置信息写到单独的文件选择第一个默认（第一个选项写到单独文件，第二个选项把配置信息全部写到package中）

是否把刚才的选择保存一个模板，以后直接可以使用模板不用选择（选择否）

表示已经创建好了

Vue脚手架的启动项目

打开VScode 从终端输入 npm run serve 获取本机地址和网上地址（上面为网上地址，下面为本机地址）

在创建好的目录（如图显示）带有方块的会填写代码椭圆画出的特定情况会写一些代码，带有标记的在有需要的情况会更改src的目录

在后续编写代码的时候可以将一些图片文档编写到下方带有方块的文件中，带有指向的文件是本程序的入口文件

我们在填写代码的时候会在自己创建的Vue中填写相关的Css、js以及html文件（如下图）

当我们填写html代码的时候输入template with html（如果没有提示请在扩展里下载Vetur文件）

填写Css代码时候请输入style with css（scoped）

相关Vue.js代码的时候请输入 script with JavaScript

编写完程序调用main.js引入Vue文件将图中App改为自己想命名的名字引号里面的填写此文件的路径

编写好后将下图的App改为自己命名的名字

打开终端，打开网址查看代码成果

Vue脚手架、镜像源下载及使用相关推荐

清华镜像站 python_使用清华、豆瓣镜像源下载tensorflow
由于区域限制,国内用户使用pip下载python库就会特别慢,一些大的包容易超时报错,比如tensorflow 使用国内镜像源来下载会提升下载速度,以tensorflow为例,下其它的包换名即可清华 ...
Linux下服务器搭建(7)——Oracle Linux ISO Images 高速镜像源下载地址（各版本齐全建议收藏最后更新2020.07.22）
1.搭建oracle集群所需要的特定版linux操作系统 : 2.Oracle官网下载速度太慢了 3.高速镜像源下载地址合集 4.搜集世界各大网站镜像源下载地址分类镜像源镜像下载地址<
conda用镜像源下载
打开anaconda prompt,输入下列指令: conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/ ...
Android：AOSP国内镜像源下载及编译
一直想下载AOSP编译Android源码,无奈在墙外,VPN也不灵光,前天突然间发现中科大提供了同步镜像.立马下载. 系统要求:linux 或 OS X 我用的是ubuntu 15.10,12g内存, ...
使用清华大学镜像源下载
清华大学开源软件镜像站,网址https://mirrors.tuna.tsinghua.edu.cn/,是本地下载一些软件.插件.包等资源的速度更快的选择. 2023年5月,网站共提供204个镜像服务 ...
使用aliyun镜像源下载镜像及仓库搭建
阿里云Docker镜像库阿里云容器Hub服务:http://dev.aliyun.com/search.html 来自云端的容器Hub服务高性能的本地Registry,提供上传.下载.构建及托管的 ...
docker配置国内镜像源下载镜像
1 docker配置163镜像 vi /etc/docker/daemon.json(Linux) {"registry-mirrors": ["http://hub-m ...
清华镜像源下载Android源码
felix@ubuntu:~$ mkdir ~/bin felix@ubuntu:~$ PATH=~/bin:$PATH felix@ubuntu:~$ git clone https://aosp. ...
pip 清华镜像源下载
pip install tensorflow-gpu==1.8 -i https://pypi.tuna.tsinghua.edu.cn/simple

Vue脚手架、镜像源下载及使用

Vue镜像源的下载和检查

下载脚手架

下载脚手架文件

Vue脚手架的启动项目

Vue脚手架、镜像源下载及使用相关推荐

最新文章

热门文章