创建一个VUE2项目
下载并安装nvm
nvm可以帮助更换node版本
1、在官网下载setup.zip
https://github.com/coreybutler/nvm-windows/releases
2、setup.zip版本无需配置环境
为了下载快速,在nvm安装路径找到settings.txt,加入:
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
3、在vscode中使用终端打开powershell
3.1 执行 get-ExecutionPolicy查看当前的脚本执行策略。
3.2 执行set-ExecutionPolicy RemoteSigned允许运行本地计算机上的脚本
4、执行nvm -v查看是否安装成功
5、执行nvm list available查看可安装的版本,或者直接在官网查看
6、nvm install 目标版本号
7、nvm use 目标版本
8、使用node -v , npm -v查看是否成功
9、nvm常用命令:nvm ls ; nvm current
创建一个vue项目
1、建议使用淘宝的镜像源npm install -g cnpm --registry=https://registry.npm.taobao.org
2、执行cnpm -v查看是否成功
报错“无法将cnpm识别为cmdlet...”
解决方案:执行npm list --depth=0 -global //出现版本号,说明cnpm成功安装
找到cnpm位置 npm root -g
未解决,反正使用npm问题也不大
3、下载vue-cli,npm install -g @vue/cli
4、使用cd进入目标文件夹
5、执行vue create myvue //不能用大写,且这是vue3的语法,如果之前下了vue3,可以使用npm uninstall -g vue-cli,再执行npm install -g @vue/cli
6、使用vue2
7、使用npm run serve启动服务器 //项目依赖通常存储在 package.json
文件中,并且这些依赖包是项目开发所必需的。执行 npm install
命令可以根据 package.json
文件中的依赖信息,从 npm 仓库下载并安装所有需要的依赖包到项目的 node_modules
文件夹中。