浙江网站开发,网络营销方式举例,商城网站建设制作,百度广告太多文章目录一、环境准备1. 安装node2. 配置镜像二、安装Vue CLI2.1. 查看当前vuecli版本2.2. 安装最新版本2.3. 安装指定版本三、创建web项目3.1. 指定创建的项目名称3.2. 安装序列图3.3. 安装序列图简述一、环境准备 声明#xff1a;命令均在在cmd窗口执行 1. 安装node 2. 配置… 文章目录一、环境准备1. 安装node2. 配置镜像二、安装Vue CLI2.1. 查看当前vuecli版本2.2. 安装最新版本2.3. 安装指定版本三、创建web项目3.1. 指定创建的项目名称3.2. 安装序列图3.3. 安装序列图简述一、环境准备 声明命令均在在cmd窗口执行 1. 安装node 2. 配置镜像 # 显示当前的镜像网址 npm get registry# 使用淘宝的镜像网址 npm config set registry https://registry.npm.taobao.org/二、安装Vue CLI 2.1. 查看当前vuecli版本 # 查看Vue Cli版本 vue --version2.2. 安装最新版本 npm install -g vue/cli2.3. 安装指定版本 npm install -g vue/cli4.5.9三、创建web项目 3.1. 指定创建的项目名称 # 格式vue create 项目名称 vue create web3.2. 安装序列图 3.3. 安装序列图简述 Vue CLI v4.5.9 ┌──────────────────────────────────────────┐ │ │ │ New version available 4.5.9 → 4.5.12 │ │ Run npm i -g vue/cli to update! │ │ │ └──────────────────────────────────────────┘# 选择创建方式第一次建议使用手动 ? Please pick a preset: Manually select features# 选择一些模板组件 router页面路由 vuex用于全局变量 Linter代码校验 ? Check the features needed for your project: Choose Vue version, Babel, TS, Router, Vuex, Linter# 选择vue版本 ? Choose a version of Vue.js that you want to start the project with 3.x (Preview)# 是否使用类模板 ? Use class-style component syntax? No ? Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)? No# 访问user页面地址栏不一样historyxxx/user hash:xxx/#/user ? Use history mode for router? (Requires proper server setup for index fallback in production) Yes# EsLint:用于检查代码规范双刃剑 ? Pick a linter / formatter config: Basic# 什么时候校验代码在保存的时候 ? Pick additional lint features: Lint on save# router等配置是放到单独的文件还是一起放到package.json ? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files# 是否将这些配置保存为一个模板方便下一次使用 ? Save this as a preset for future projects? Yes#保存为模板的名称 ? Save preset as: wiki# 进入web项目 C:\Users\Administrator.DESKTOP-I5SJ4CK\Desktopcd web# 启动web项目 C:\Users\Administrator.DESKTOP-I5SJ4CK\Desktop\webnpm run serve# 访问web项目 http://localhost:8080/视频链接 Vue-cli 3.X 构建工具零基础快速上手