注意,如果vue-cli 3是目前最新的,但是,不是vue3,只是脚手架版本(个人理解)
第一步,下载node.js、使用node自带的npm 命令行搭建项目(node.js下载地址)
1.检查是否安装node 方法:window + r 弹出输入框,输入:cmd
2.在窗口中输入:
node -v
注:检查是否出现版本号,如果出现版本号,就表示成功;(报错请自行百度解决方法或留言在线等)
第二步,使用cnpm(镜像详细地址)(可忽略!!!)
1,在窗口中输入:
npm install -g cnpm --registry=https://registry.npm.taobao.org
第三步,下载脚手架 vue-cli3(如果你想用yarn 请自行下载安装)
npm install -g @vue/cli
或
yarn global add @vue/cli
注:检查是否安装完成 vue -V (注:V 大写)
第四步,在新建文件夹下创建项目
vue create hello
或者在桌面 shift + 右击 选中下图显示选型 打开 cmd 输入 vue create helle 新建 hello命名的文件
第五步 如图 如果想手动创建 选择最后一项 键盘向下箭头可以选择
enter键之后显示下图显示 可用空格键进行选择和取消选择
enter键之后
enter键后(注意:如果不用eslint检查代码,请写n)
enter键后
end键后
end键后 填写 y 之后 endter键 之后就开始建立文件
运行 npm run serve
注:npm i 加载依赖
注:以下提示不是内部命令解决方法
yarn global add @vue/cli
yarn global bin
//cmd 输入以上 出现以下
C:\Users\Administrator\AppData\Local\Yarn\bin
此地址放入环境变量中
找到环境变量:此电脑-鼠标右击-属性-高级系统设置-环境变量(N)-点击系统变量中的path-编辑-添加以上提示地址-保存-重启cmd-vue -V检查是否存在vue-cli