vue构建项目教程步骤详解

Vue构建项目

1、环境搭建

1.1、npm安装

1. 下载nodejs并安装

   按照提示进行安装操作，直至完成。

   打开命令程序输入：

   node -v
   

如上图则为安装成功。

2. 使用淘宝npm镜像

   npm install -g cnpm --registry=https://registry.npm.taobao.org
   

1.2、项目初始化

1. 安装vue-cli

   全局安装 vue-cli

   cnpm install vue-cli -g 
   

2. 检查vue-cli是否安装成功

   vue list
   

3. 构建vue项目

   vue init webpack project_name
   

4. 安装依赖

   cnpm install
   

5. 运行项目

   cpnm run dev
   

1.3、异常处理

• 无法加载文件 C:\Users\xxx\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。

解决方法:

1. 以管理员身份运行power shell ；
2. 输入*set-ExecutionPolicy RemoteSigned* 然后输入A 回车。