(一)创建项目——vue实战进阶

# vue ui

浏览器自动跳转到vue的UI管理器

(一)创建项目——vue实战进阶

 

#创建新项目

(一)创建项目——vue实战进阶

 

# 手动创建预设

根据需求选择相应的功能

作为demo,一般把下面的功能取消,它是一个校验格式的功能,可能会引发一些格式上的报错

(一)创建项目——vue实战进阶

 

#将项目拖入HX

 

#下载依赖

npm install

 

#安装插件

npm install --save vue vue-router vuex

 

#npm run serve 

运行报错

 

Q:

(一)创建项目——vue实战进阶

A:

 在Vue-cli环境中,本来是正常的,安装了vuex之后,开始报错。

在安装vuex过程中破坏了node_modules里面的模块,因此才会不断报错“找不到xxx模块”。

 

问题解决:

删除 node_modules 文件夹,重新安装一次。
具体步骤:

  1. 打开项目目录,找到node_modules文件夹,点击删除(要彻底删干净);
  2. 在控制器中输入 cnpm -- install 重新安装 node_modules。

注:必须使用cnpm,可参考教程

https://jingyan.baidu.com/article/9080802239521cfd90c80f55.html

 

(一)创建项目——vue实战进阶