Vue构建项目
1、环境搭建
1.1、npm安装
-
下载nodejs并安装
按照提示进行安装操作,直至完成。
打开命令程序输入:
node -v
如上图则为安装成功。
-
使用淘宝npm镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
1.2、项目初始化
-
安装vue-cli
全局安装 vue-cli
cnpm install vue-cli -g
-
检查vue-cli是否安装成功
vue list
-
构建vue项目
vue init webpack project_name
-
安装依赖
cnpm install
-
运行项目
cpnm run dev
1.3、异常处理
- 无法加载文件 C:\Users\xxx\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本。
解决方法:
- 以管理员身份运行power shell ;
- 输入*set-ExecutionPolicy RemoteSigned* 然后输入A 回车。