一、安装vue -cli
1.官网下载 Node.js
https://nodejs.org/en/download/
终端输入 node -v npm -v 查看是否安装成功
2.配置下载源
终端输入 npm config set registry https://registry.npm.taobao.org
这样配置以后都是用淘宝的镜像下载资源 国内的访问速度会比较快
终端输入 npm install -g cnpm --registry=https://registry.npm.taobao.org
3.安装 vue -cli
终端输入 npm i @vue/cli -g
终端输入 vue -V 查看是否安装成功
二、创建和打开项目
1.创建项目
1.1 终端命令创建
1执行该命令创建一个项目:vue init webpack **(项目名)
2 执行“npm install”命令,intall相关的库,编译阶段
3 执行“npm run dev”命令,运行程序
通过代码中制定的local url访问
1.2 可视化页面创建
终端输入 vue ui (若无该命令,请升级vue cli)
如果输入vue ui无反应 ,请查看vue -V 版本号,3.0以以上才支持vue ui功能
解决方法:
npm uninstall vue-cli -g 卸载脚手架
npm i -g @vue/cli 安装最新版本脚手架
三、打开从git上下载的项目
1.使用 vue ui 打开,显示 “文件缺失node moudle”
2.在该项目所在系统地址打开终端,输入 npm install
3.若显示“Cannot read properties of null (reading ‘pickAlgorithm‘)” 卸载重新安装node是最快的解决办法
4.配置好node moudle之后,运行npm run build 打包
5.终端输入 npm run serve 即可打开项目
四、在VS Code上运行vue项目
1.在VS Code上打开项目文件夹
2.安装vetur eslint Live server 三个插件
3.新建终端 输入 npm run serve