Vue2.x ui 创建项目

最新推荐文章于 2023-08-10 10:44:40 发布

菜鸟-忆楦（没进阶前不改）

最新推荐文章于 2023-08-10 10:44:40 发布

阅读量538

点赞数 1

分类专栏： Vue常用工具文章标签： ui vue.js 前端

本文链接：https://blog.csdn.net/sinat_55275851/article/details/127057800

版权

Vue常用工具专栏收录该内容

2 篇文章 0 订阅

订阅专栏

工具安装： node.js

环境准备：淘宝镜像 - 升级node.js - 升级Vue CLl 脚手架

镜像准备（注意：下面的都是cmd窗口的命令，不是zip下载包）

Vue2.x UI 界面创建项目

第一步：打开cmd窗口（快捷键：window + R 输入：）

第二步：创建并配置项目

设置google浏览器的中文预设

工具安装： node.js

Node.js安装地址：https://nodejs.org/zh-cn/download/

环境准备：淘宝镜像 - 升级node.js - 升级Vue CLl 脚手架

镜像准备（注意：下面的都是cmd窗口的命令，不是zip下载包）

1.查看代理：npm get registry

2.设置淘宝镜像：（根据自己的需求来选择）

临时使用：npm --registry https://registry.npm.taobao.org install express

持久使用：npm config set registry https://registry.npm.taobao.org

验证是否成功：npm config get registry 或者 npm info express

还原：npm config set registry

注意： 如果以后就用淘宝镜像来下包那就选第二个其他不选就可以了

3.升级node.js(如果是最新版本的可以跳过 -g是指全局安装不写就是局部安装)

更新node版本（不分稳定版与最新版）：npm install -g n

更新到node稳定版：npm install -g n stable

更新到node最新版：npm install -g n latest

如果执行第二步报错：Error : sudo required，错误为权限不够

改另外的指令：

更新到node稳定版：npm install -g sudo n stable

更新到node最新版：npm install -g sudo n latest

4.Vue CLl 3 升级脚手架

Vue CLI 需要 Node.js 8.9 或更高版本,如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过下面的指令二选一

        npm指令卸载原来的脚手架：npm uninstall vue-cli -g

        yarn指令卸载原来的脚手架：yarn global remove vue-cli

注意：必须要有 -g 或者 global 表示的是卸载全局的

1.安装新的脚手架：npm install -g @vue/cli 或者 yarn global add @vue/cli

2. 查看脚手架的版本：vue -version 或者 vue -V (V：大写字母V，不是小写的v)

Vue2.x UI 界面创建项目

第一步：打开cmd窗口（快捷键：window + R 输入：）

快捷键：window + R

输入： cmd

敲回车键或者点击 "确定 "

在cmd界面输入： vue ui

敲回车键会弹出一个ui页面

第二步：创建并配置项目

创建项目 （以前使用过界面与没使用过的可能不一样）

使用过的

没使用过的

中文的版面第一个版面

选择手动配置项目

功能区的配置

配置区域的选项（关于注解都在下面介绍）

第一个选项

第二个选项

第三个选项

选项一：SCSS/SASS：
scss 是 sass3 的新语法，完全兼容css3 且继承于 sass；sass 需 ruby环境，在服务端处理

选项二：LESS：
借助 node.js 通过编译处理输出 css 至浏览器，同时兼容客户端与服务端运行

选项三：Stylus：
用于给 node 项目进行 css 预处理支持，stylus 功能上更加强壮和 js 关系更加紧密

第四个选项