（一）创建项目——vue实战进阶

# vue ui

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

 

#创建新项目

 

# 手动创建预设

根据需求选择相应的功能

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

 

#将项目拖入HX

 

#下载依赖

npm install

 

#安装插件

npm install --save vue vue-router vuex

 

#npm run serve 

运行报错

 

Q:

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