1、先提前创建一个文件 ,我这里创建Vue,进到这个目录下 shift+右键 打开 PowerShell
D:\webstormObject\Vue> npm install -g vue-cli // 这里安装的是Vue2
2、使用webpack模板创建一个vue项目,项目名字可以自定义
D:\webstormObject\Vue> vue init webpack project
vue : 无法加载文件
我这里创建项目的时候出现了错误
解决方法:
Start-Process powershell -Verb runAs
get-ExecutionPolicy // 回车 输出 Restricted
Set-ExecutionPolicy -Scope CurrentUser
回车 输出
get-ExecutionPolicy // 查看 回车 输出 RemoteSigned
重新webpack模板创建项目 vue init webpack project
创建效果
3、配置淘宝镜像
1.临时使用
npm --registry https://registry.npm.taobao.org install express1
2.持久使用
npm config set registry https://registry.npm.taobao.org1
配置后可通过下面方式来验证是否成功
npm config get registry 或 npm info express
4、之后我们再执行以下命令即可安装
npm install
启动项目,在命令窗口中就会出现访问的地址
npm run dev
npm run dev -4058错误
这里我出现错误:
原因是 :
我在Vue下创建了一个文件夹VueProject,然后在VueProject文件夹下创建的项目
我是在VueProject文件夹下配置的。也就是说,我没有进到最里面的文件去配置
解决方法:
进到最里层配置,也就是有
package.json
的文件夹中配置
进到最里层目录,shift+右键打开PowerShell ,从配置淘宝镜像开始,再输入一遍就可以了
结果:
将这个地址在浏览器中打开,文件夹出现以下内容