VueJs

1. 安装node.js

1.1 下载 https://nodejs.org/en/download/

安装并设置环境变量

NODE_PATH f:\Program Files\nodejs\node_modules  
path中添加 f:\Program Files\nodejs\node_global

1.2 在安装目录下创建两个目录 ，并运行如下命令

npm config set prefix "f:\Program Files\nodejs\node_global"  
npm config set cache "f:\Program Files\nodejs\node_cache"

1.3 设置淘宝仓库 管理员允许CMD

npm install cnpm -g --registry=https://registry.npm.taobao.org

1.4 执行cnpm -v 报npm\cnpm.ps1，因为在此系统上禁止运行脚本。

运行set-ExecutionPolicy RemoteSigned 修改策略后可以运行

2 安装VUE 和vue/cli

cnpm install vue@next

cnpm install -g @vue/cli

npm install -g @vue/cli-init

查看版本
vue --version

2.1 创建项目

 vue init webpack vue3-test

2.2 运行vue项目

cd vue3-test
cnpm run dev

3. Vue3 创建项目

vue create 命令
vue create 命令创建项目语法格式如下：

vue create [options] <app-name>

创建一个由 vue-cli-service 提供支持的新项目：

options 选项可以是：

-p, --preset <presetName>： 忽略提示符并使用已保存的或远程的预设选项
-d, --default： 忽略提示符并使用默认预设选项
-i, --inlinePreset <json>： 忽略提示符并使用内联的 JSON 字符串预设选项
-m, --packageManager <command>： 在安装依赖时使用指定的 npm 客户端
-r, --registry <url>： 在安装依赖时使用指定的 npm registry
-g, --git [message]： 强制 / 跳过 git 初始化，并可选的指定初始化提交信息
-n, --no-git： 跳过 git 初始化
-f, --force： 覆写目标目录可能存在的配置
-c, --clone： 使用 git clone 获取远程预设选项
-x, --proxy： 使用指定的代理创建项目
-b, --bare： 创建项目时省略默认组件中的新手指导信息
-h, --help： 输出使用帮助信息

接下来我们创建 vue3-app 项目：

vue create vue3-app
cd vue3-app
npm run serve